Инструкция по ручному обновлению ServicesSite, v.1.3.

29 декабря 2015

Инструкция по ручному обновлению темы дизайна ServicesSite, v.1.3.

Приложение "Сайт"

  • Добавление отступов на странице 404-й ошибки

1. Сайт - Дизайн - Шаблоны. В файле error.html

1.1. Добавить строку

<div class="error404">

Перед тегом h1

<h1>

1.2. Добавить

</div>

после строки

[s`The requested resource is not available.`]

2. Сайт - Дизайн - Шаблоны. В файле styles.css

Добавить

.error404 {
    padding-bottom:21px;
}

Сразу после кода

ul.menu-v li:last-child {
    border-bottom: none;
}
  • Доработка "Хлебных крошек"

1. Сайт - Дизайн - Шаблоны. В файле page.html

Добавить строку

<span class="current_crumb">{$page.name}</span>

Сразу после кода

{foreach $breadcrumbs as $breadcrumb}
<a href="{$breadcrumb.url}">{$breadcrumb.name|escape}</a> <span class="rarr">→</span>
{/foreach}

2. Сайт - Дизайн - Шаблоны. В файле styles.css

Добавить код

.current_crumb {
    color:#777;
}

Сразу после кода

.breadcrumbs span.rarr {
    color: #ccc;
    margin: 0 3px;
}
  • Блок "Новости компании" не будет выводиться, если в нём отсутствуют новости

1. Сайт - Дизайн - Шаблоны. В файле news.html

Необходимо полностью заменить содержимое файла news.html

2. Сайт - Дизайн - Шаблоны. В файле index.html

Найти строку в двух местах

    {include file="`$wa_active_theme_path`/news.html" inline}

Поменять её очередность местами со строкой

{$wholeWidth = false}

Доблжно получиться так (в двух местах)

{$wholeWidth = false}
{include file="`$wa_active_theme_path`/news.html" inline}
  • Использование проверок на заполненность полей, выведенных в настройки темы

Сайт - Дизайн - Шаблоны. В файле index.html

1. Заменить код

<div class="logo">
    <a href="{$wa_static_url}">
        <img src="{$wa_theme_url}{$theme_settings.logo}?v{$wa_theme_version}" alt="{$theme_settings.sitename}" />
        <p>{$theme_settings.slogan|escape}</p>
    </a>
</div>
<div class="address">
    <p>{$theme_settings.address_city}{if $theme_settings.address_city && $theme_settings.address_street}, {/if}{$theme_settings.address_street}{if $theme_settings.address_building}, {$theme_settings.address_building}{/if}{if $theme_settings.address_office}, {$theme_settings.address_office}{/if}</p>
    <a href="mailto:{$theme_settings.email|escape}">{$theme_settings.email|escape}</a>
</div>
<div class="phone">
    <a href="tel:{$theme_settings.phone_code|escape}{$theme_settings.phone|escape}"><p>{$theme_settings.phone_code|escape} <span>{$theme_settings.phone|escape}</span></p></a>
    <p>{$theme_settings.workTime|escape}</p>
</div>

На код

{if $theme_settings.logo}
    <div class="logo">
        <a href="{$wa_static_url}">
            <img src="{$wa_theme_url}{$theme_settings.logo}?v{$wa_theme_version}" alt="{$theme_settings.sitename}" />
            {if $theme_settings.slogan}
                <p>{$theme_settings.slogan|escape}</p>
            {/if}
        </a>
    </div>
{/if}
{if $theme_settings.address_city || $theme_settings.address_street || $theme_settings.address_building || $theme_settings.address_office || $theme_settings.email}
    <div class="address">
        {if $theme_settings.address_city || $theme_settings.address_street || $theme_settings.address_building || $theme_settings.address_office}
            <p>{$theme_settings.address_city}{if $theme_settings.address_city && $theme_settings.address_street}, {/if}{$theme_settings.address_street}{if $theme_settings.address_building}, {$theme_settings.address_building}{/if}{if $theme_settings.address_office}, {$theme_settings.address_office}{/if}</p>
        {/if}
        {if $theme_settings.email}
            <a href="mailto:{$theme_settings.email|escape}">{$theme_settings.email|escape}</a>
        {/if}
    </div>
{/if}
{if $theme_settings.phone_code || $theme_settings.phone}
    <div class="phone">
        <a href="tel:{$theme_settings.phone_code|escape}{$theme_settings.phone|escape}"><p>{$theme_settings.phone_code|escape} <span>{$theme_settings.phone|escape}</span></p></a>
        {if $theme_settings.workTime}
            <p>{$theme_settings.workTime|escape}</p>
        {/if}
    </div>
{/if}

2. Заменить код

<a href="tel:{$theme_settings.phone_code|escape}{$theme_settings.phone|escape}"><p>{$theme_settings.phone_code|escape} <span>{$theme_settings.phone|escape}</span> ({$theme_settings.workTime|escape})</p></a>

на код

{if $theme_settings.phone_code || $theme_settings.phone}
    <a href="tel:{$theme_settings.phone_code|escape}{$theme_settings.phone|escape}"><p>{$theme_settings.phone_code|escape} {if $theme_settings.phone}<span>{$theme_settings.phone|escape}</span>{/if}{if $theme_settings.workTime} ({$theme_settings.workTime|escape}){/if}</p></a>
{/if}
  • Доработка главного горизонтального меню сайта

1. Сайт - Дизайн - Шаблоны. В файле index.html

Добавить строку

<div class="clear"></div>

Сразу перед

</nav>

2. Сайт - Дизайн - Шаблоны. В файле styles.css

Для элемента

nav.topmenu {

заменить свойство

height: 57px;

на свойство

min-height: 57px;
  • Добавление горизонтального меню навигации в личный кабинет пользователя

Сайт - Дизайн - Шаблоны. В файле index.html

Добавить код

{if $wa->globals('isMyAccount')}
    {$wa->myNav('menu-h bottom-padded')}
{/if}

Сразу перед строкой

{include file="`$wa_active_theme_path`/main.html" inline}
  • Устранение не корректного определения активного пункта в горизонтальном меню навигации в личном кабинете пользователя

1. Сайт - Дизайн - Шаблоны. В файле my.nav.html

1.1 Добавить код

{$url = $wa->getUrl('/frontend/myProfile')}

перед строкой

{if $my_app == $wa->app()}

1.2 Заменить строку

<li class="site {if $my_nav_selected == 'profile'}selected{/if}">

на строку

<li class="site {if $my_nav_selected == 'profile' || $wa->currentUrl(false) == $url}selected{/if}">
  • Подключение библиотеки jQuery версии 1.11.1 для корректной работы скриптов в приложении "Хаб"

Сайт - Дизайн - Шаблоны. В файле index.html

Заменить код

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

на код

    {if $wa_app != 'hub'}
        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    {else}
        <script type="text/javascript" src="{$wa_static_url}wa-content/js/jquery/jquery-1.11.1.min.js" ></script>
        <script type="text/javascript" src="{$wa_static_url}wa-content/js/jquery/jquery-migrate-1.2.1.min.js"></script>
    {/if}
  • Класс "forSupport" на странице приложения "Поддержка" выводим в шаблоне без использования скрипта

1. Сайт - Дизайн - Шаблоны. В файле index.html

Заменить строку

<div class="main {if $wholeWidth == true}wholeWidth{/if}" itemscope itemtype="http://schema.org/WebPage">

на строку

<div class="main{if $wholeWidth == true} wholeWidth{/if}{if isset($action)}{if $action == "faqCategory"} forSupport{/if}{/if}" itemscope itemtype="http://schema.org/WebPage">

2. Сайт - Дизайн - Шаблоны. В файле handler.js

Удалить код

//Добавление класса для приложения "Поддержка"
if ($("main div.main").find(".page-content.container.with-sidebar").length != 0) {
    $("main div.main").addClass("forSupport");
}
  • Удаление стилей приложения "Поддержка" из приложения "Сайт"

Сайт - Дизайн - Шаблоны. В файле styles.css

1. Удалить код

    .wholeWidth.forSupport {
        padding: 0 !important;
    }

2. Удалить код

/*********************** SUPPORT ***********************/
.nav-sidebar > ul > li > a, .page-content table.table a, #page-content > h1, .forSupport a {
    color: #1c5a71;
}
.forSupport #page-content > h1 {
    margin-bottom: 10px;
}
.forSupport #page-content {
    padding-top: 20px;
}
    .forSupport #page-content > div > h1 {
        margin-bottom: 10px;
    }
.faq-category .answer {
    margin-top: 0;
}
.forSupport .nav-sidebar {
    background: none;
    margin-top: 20px;
}
.forSupport img {
    max-width: 99% !important;
}
  • Добавление на сайт ссылки-подписи "Сделано на основе Вебасист" (требование, предъявляемое администрацией WebAsyst к разработчикам тем)

1. Сайт - Дизайн - Шаблоны. В файле index.html

Добавить код

    <p class="webasyst"><a href="http://www.webasyst.ru" target="_blank">Сделано на основе Вебасист</a></p>

сразу после строки

    <a href="http://bodysite.ru/" target="_blank"><span>Body</span><span>Site</span></a>

2. Сайт - Дизайн - Шаблоны. В файле styles.css

добавить код

footer p.webasyst {
    display:block;
    margin-top: 7px;
}
footer > .wrapper p.webasyst a {
    font-weight: normal;
    text-decoration: underline;
}
footer > .wrapper p.webasyst a:hover {
    text-decoration: none;
}

Сразу перед строкой

    .layout_0 {
  • Доработка стилевого оформления элементов сайта

Сайт - Дизайн - Шаблоны. В файле styles.css

1. Заменить код

.page-content {
    background: #fff;
    padding: 25px 30px;
    position: relative;
    min-height: 250px;
}

на код

.page-content {
    background: #fff;
    padding: 25px 30px;
    position: relative;
}

2. Заменить код

ul.menu-h li a {
    display: inline-block;
    padding: 13px 16px 13px 16px;
    display: block\9;
    float: left\9;
    text-decoration: none;
    color: #006bd8;
    font-family: "Helvetica Neue",Arial,sans-serif;
}

на код

ul.menu-h li a {
    display: inline-block;
    padding: 13px 16px 13px 16px;
    display: block\9;
    float: left\9;
    text-decoration: none;
    font-family: "Helvetica Neue",Arial,sans-serif;
}

3. Заменить код

main .welcome {
    padding-bottom: 20px;
}

на код

main .welcome {
    padding-bottom: 25px;
}

4. Заменить код

ul.submenu {
    padding-left: 33px;
}

на код

ul.submenu {
    padding-left: 33px;
    padding-right: 15px;
}

5. Сразу перед строкой

main > .main ol li, main > .main ul li {

Удалить лишнюю закрывающую скобку

}

на место удаленной скобки добавить код

main > .main .article {
    padding-bottom:21px;
}

6. Удалить код

main > .main.wholeWidth article {
    padding: 0;
}

7. Заменить код

footer .production {
    text-align: right;
    height: 23px;
}

на код

footer .production {
    text-align: right;
}

8. Заменить код

footer .production a:hover span {
    border: none;
}

на код

footer .production a:hover span {
    border-bottom: 1px solid transparent;
}

Добавить код

div.text ol li {
    margin-bottom:10px;
}

сразу перед строкой

    .comment-submit input {

9. Добавить код

a {
    color: #1c5a71;
}

Сразу после комментария

/*********************** HEADER ***********************/
  • Доработка стилевого оформления элементов сайта для адаптивного дизайна

Сайт - Дизайн - Шаблоны. В файле adaptive.css

1. Заменить код

nav.topmenu {
    height: 44px;
    position: relative;
    min-width: 240px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

на код

nav.topmenu {
    height: 44px;
    position: relative;
    min-width: 240px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: inherit;
}

2. Заменить код

footer .production {
    height:30px;
}

на код

footer .production {
    /*height:30px;*/
}

3. Заменить код

.forSupport #page-content table.table {
    transform: scale(0.7);
    position: relative;
    left: -59px;
}

на код

.forSupport #page-content table.table {
    transform: scale(0.6);
    position: relative;
    left: -67px;
}
  • Изменение версии темы

В файле theme.xml

заменить строку

    <theme id="servicessite" system="0" vendor="934303" author="BodySite" app="site" version="1.2" edition="0">

на строку

    <theme id="servicessite" system="0" vendor="934303" author="BodySite" app="site" version="1.3" edition="0">
  • Доработка стилевого оформления цветовых тем сайта

1. В файле beige.css (файл находится в папке css темы servicessite)

1.1. В самое начало файла добавить строку

a {color:#1489b4;}

1.2. Заменить строку (в 2х местах)

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

1.3. Заменить строку

nav, nav > ul > li > ul > li:hover, nav > ul, .activities > div {

на строку

nav, .topmenu > ul > li > ul > li:hover, .topmenu > ul, .activities > div {

1.4. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

1.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

1.6. Заменить код

.hasUl {
    background-image: url(../img/themes/beige/arr.png) !important;
}

на код

.hasUl {
    background: url(../img/themes/beige/arr.png) no-repeat #bcb28d center !important;
}

2. В файле black.css (файл находится в папке css темы servicessite)

2.1. В самое начало файла добавить строку

a {color:#000;}

2.2. Заменить строку

nav, nav > ul > li > ul > li:hover, nav > ul, .activities > div {

на строку

nav, .topmenu > ul > li > ul > li:hover, .topmenu > ul, .activities > div {

2.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

2.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

2.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

2.6. Заменить код

.hasUl {
    background-image: url(../img/themes/black/arr.png) !important;
}

на код

.hasUl {
    background: url(../img/themes/black/arr.png) no-repeat #3c91ae center !important;
}

3. В файле brown.css (файл находится в папке css темы servicessite)

3.1. В самое начало файла добавить строку

a {color:#77534c;}

3.2. Заменить строку (в 2х местах)

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

3.3. Заменить строку

nav, nav > ul > li > ul > li:hover, nav > ul {

на строку

nav, .topmenu > ul > li > ul > li:hover, .topmenu > ul {

3.4. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

3.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

3.6. Заменить код

.hasUl {
    background-image: url(../img/themes/brown/arr.png) !important;
}

на код

.hasUl {
    background: url(../img/themes/brown/arr.png) no-repeat #77534c center !important;
}

4. В файле dark_blue.css (файл находится в папке css темы servicessite)

4.1. В самое начало файла добавить строку

a {color:#134578;}

4.2. Заменить строку

nav, nav > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, nav > ul, input[type=button], input[type=submit] {

на строку

nav, .topmenu > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, .topmenu > ul, input[type=button], input[type=submit] {

4.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

4.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

4.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

4.6. Заменить код

.hasUl {
    background: url(../img/themes/dark_blue/arr.png) no-repeat #08335e center center !important;
}

на код

.hasUl {
    background: url(../img/themes/dark_blue/arr.png) no-repeat #08335e center !important;
}

5. В файле green.css (файл находится в папке css темы servicessite)

5.1. В самое начало файла добавить строку

a {color:#1489b4;}

5.2. Заменить строку

nav, nav > ul > li > ul > li:hover, nav > ul {

на строку

nav, .topmenu > ul > li > ul > li:hover, .topmenu > ul {

5.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

5.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

5.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

5.6. Заменить код

.hasUl {
    background-image: url(../img/themes/green/arr.png) !important;
}

на код

.hasUl {
    background: url(../img/themes/green/arr.png) no-repeat #000 center !important;
}

6. В файле orange.css (файл находится в папке css темы servicessite)

6.1. В самое начало файла добавить строку

a {color:#1489b4;}

6.2. Заменить строку

nav, nav > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, nav > ul, input[type=button], input[type=submit] {

на строку

nav, .topmenu > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, .topmenu > ul, input[type=button], input[type=submit] {

6.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

6.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

6.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

6.6. Заменить код

.hasUl {
    background-image: url(../img/themes/orange/arr.png) !important;
}

на код

.hasUl {
    background: url(../img/themes/orange/arr.png) no-repeat #fcb54e center !important;
}

7. В файле purple.css (файл находится в папке css темы servicessite)

7.1. В самое начало файла добавить строку

a {color: #940f37;}

7.2. Заменить строку

nav, nav > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, nav > ul, input[type=button], input[type=submit] {

на строку

nav, .topmenu > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, .topmenu > ul, input[type=button], input[type=submit] {

7.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

7.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

7.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

7.6. Заменить код

.hasUl {
    background: url(../img/themes/purple/arr.png) no-repeat #7f072b center center !important;
}

на код

.hasUl {
    background: url(../img/themes/purple/arr.png) no-repeat #7f072b center !important;
}

8. В файле red.css (файл находится в папке css темы servicessite)

8.1. В самое начало файла добавить строку

a {color:#1489b4;}

8.2. Заменить строку

nav, nav > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, nav > ul, input[type=button], input[type=submit] {

на строку

nav, .topmenu > ul > li > ul > li:hover, .desc a, main > .main a.btn, .news a.btn, .topmenu > ul, input[type=button], input[type=submit] {

8.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

8.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

8.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

8.6. Заменить код

.hasUl {
    background-image: url(../img/themes/red/arr.png) !important;
}

на код

.hasUl {
    background: url(../img/themes/red/arr.png) no-repeat #501c1c center !important;
}

9. В файле yellow.css (файл находится в папке css темы servicessite)

9.1. В самое начало файла добавить строку

a {color:#000;}

9.2. Заменить строку

nav, nav > ul > li > ul > li:hover, nav > ul {

на строку

nav, .topmenu > ul > li > ul > li:hover, .topmenu > ul {

9.3. Заменить строку

nav > ul > li:hover > a, nav > ul > li.active > a, nav > ul > li > ul {

на строку

.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li > ul {

9.4. Заменить строку

nav > ul > li > a {

на строку

.topmenu > ul > li > a {

9.5. Заменить строку

nav > ul > li > ul > li {

на строку

.topmenu > ul > li > ul > li {

9.6. Заменить код

.hasUl {
    background: url(../img/themes/yellow/arr.png) #000 no-repeat center center !important;
}

на код

.hasUl {
    background: url(../img/themes/yellow/arr.png) no-repeat #000 center !important;
}

Приложение "Фото"

  • Изменение версии темы

В файле theme.xml

заменить строку

    <theme id="servicessite" system="0" vendor="934303" author="BodySite" app="photos" parent_theme_id="site:servicessite" version="1.2" source_theme_id="servicessite">

на строку

<theme id="servicessite" system="0" vendor="934303" author="BodySite" app="photos" parent_theme_id="site:servicessite" version="1.3" source_theme_id="servicessite">

Приложение "Блог"

  • Подчёркивание заголовков статей при наведении курсора мыши

Блог - Дизайн - Шаблоны. В файле blog.css

добавить код

.post h3 a:hover {text-decoration: underline !important;}

сразу после строки

.post h3 a { text-decoration: none; }
  • Изменение версии темы

В файле theme.xml

заменить строку

<theme id="servicessite" system="0" vendor="934303" author="BodySite" app="blog" parent_theme_id="site:servicessite" version="1.2">

на строку

<theme id="servicessite" system="0" vendor="934303" author="BodySite" app="blog" parent_theme_id="site:servicessite" version="1.3">

Приложение "Вопрос-ответ"

  • Изменение версии темы

В файле theme.xml

заменить строку

<theme id="servicessite" system="0" vendor="934303" author="BodySite" app="question" parent_theme_id="site:servicessite" version="1.2">

на строку

<theme id="servicessite" system="0" vendor="934303" author="BodySite" app="question" parent_theme_id="site:servicessite" version="1.3">