Svensson (30 Октябрь 2017 - 15:30) писал:
Добрый день!
ШАПКА:
1. Отцентровать верхнее меню. (фото)
2. Перенести контакты так, как на фото. Отступ контактов от правой стороны как у лого слевой. Высота телефона и имейла как высота лого.
3. Отцентровать поиск между лого и контактами и расширить (примерно как на фото). Отцентровать между лого и контактами.
4. Иконки соц.сетей убираем.
5. Проверить отображение в адаптиве. Телефон и планшет.
ШАПКА.png
Главная страница:
1. Вывести вместо слайдера, 3 видео окна с категориями, как на
https://jorgen-svensson.com/ru/
возможно ли такое реализовать? Видео достаются спокойно через код элемента.
ГЛАВНАЯ СТРАНИЦА.png
Карточка товара:
1. Удаляем эту область с кнопками предыдущий и следующий. Область - то что выделено красным.
2. Вывести краткое описание в стандартную область где цена, купить и.т.д (почему то пропало)
КАРТОЧКА ТОВАРА-1.png
3. Вывести Вкладку в меню товара: Видео (где потом вставлять код видео?)
Здравствуйте,
Найдите в Шаблоне hTML
<!-- Верхняя часть Шапки -->
<div id="header-top" class="wrap">
<div class="container">
<div class="topheader-left col-md-5 col-sms-9 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
</div>
<div class="topheader-right col-md-7 col-sms-3 col-smb-6">
<div class="inner">
<div class="sns-quickaccess">
<div class="quickaccess-inner">
<span class="welcome">Добро пожаловать!</span>
<ul class="links">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /END Верхняя часть Шапки -->
<!-- Основная часть Шапки -->
<div id="header" class="wrap">
<div class="container">
<div class="row">
<!-- Logo -->
<div id="logo" class="col-sm-4 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<div class="header-right col-sm-8 col-xs-12">
<div class="header-right-inner">
<ul class="connect-us">
<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-youtube"></a></li>
<li><a href="#" class="fa fa-vk"></a></li>
</ul>
<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- /END Основная часть Шапки -->
замените на
<!-- Верхняя часть Шапки -->
<div id="header-top" class="wrap">
<div class="container">
<div class="topheader-left col-md-5 col-sms-3 col-smb-6">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
</div>
<div class="topheader-right col-md-12 col-sms-3 col-smb-6">
<div class="inner">
<div class="sns-quickaccess">
<div class="quickaccess-inner">
<span class="welcome">Добро пожаловать!</span>
<ul class="links">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /END Верхняя часть Шапки -->
<!-- Основная часть Шапки -->
<div id="header" class="wrap">
<div class="container">
<div class="row">
<!-- Logo -->
<div id="logo" class="col-sm-4 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<div class="header-right col-sm-8 col-xs-12">
<div class="header-right-inner">
<!--<ul class="connect-us">-->
<!-- <li><a href="#" class="fa fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-youtube"></a></li>-->
<!-- <li><a href="#" class="fa fa-vk"></a></li>-->
<!--</ul>-->
<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
<div class="form-search">
<input type="text" name="q" value="{SEARCH_QUERY}" class="inputText" placeholder="Поиск по магазину...">
<input type="hidden" name="goods_search_field_id" value="0">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
<div class="topheader-left">
<ul class="contact-us-now">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /END Основная часть Шапки -->
далее найдите в файле main,css код
#header-top .topheader-left {float:left;padding:0;}
#header-top .topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 126%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #424242;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:none;}
#header-top .topheader-right {position: relative;z-index: 2;float:right;padding:0;}
#header-top .topheader-right .inner {float: right;}
#header-top .topheader-right .sns-quickaccess {float: left;}
#header-top .topheader-right .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;}
#header-top .topheader-right .sns-quickaccess ul.links {list-style: none;margin: 0 0;padding: 0 0;float: left;height:36px;overflow:hidden;}
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: block;line-height:20px;float:left;}
замените на
#header-top .topheader-left {float:left;padding:0;display:none;}
#header-top .topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 126%;}
#header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #424242;}
#header-top .topheader-left ul.contact-us-now li.c-phone.hide {display:none;}
#header .topheader-left {float:right;padding:0; margin: -18px 0 3px 10px;}
#header .topheader-left ul.contact-us-now {z-index: 2;list-style: none;margin: 0;padding:0;}
#header .topheader-left ul.contact-us-now li {display: block;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 126%;}
#header .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;}
#header .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
#header .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #424242;}
#header .topheader-left ul.contact-us-now li.c-phone.hide {display:none;}
#header-top .topheader-right {position: relative;z-index: 2;padding:0;}
#header-top .topheader-right .inner {}
#header-top .topheader-right .sns-quickaccess {}
#header-top .topheader-right .sns-quickaccess .welcome {font-weight: bold;color: #666666;float: left;display: none;}
#header-top .topheader-right .sns-quickaccess ul.links { text-align: center;list-style: none;margin: 0 auto;padding: 0 0;height:36px;overflow:hidden;}
#header-top .topheader-right .sns-quickaccess ul.links li {background: url("{ASSETS_IMAGES_PATH}separator.gif") no-repeat right center;padding: 8px 8px;display: inline-block;line-height:20px;}
далее найдите
@media all and (max-width: 481px) {
после вставьте
#header-top .topheader-left {float:left;padding:0;display:block;}
#header .topheader-left {display:none;}
Карточка товара
1. Найдите в файле main.css код
#product-next-pre {
padding-top: 30px;
}
замените на
#product-next-pre {
padding-top: 30px;
display: none;
}
3. Видео можно выводить только через описание товара по данной
инструкции
Далее найдите в шаблоне Товар код
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
{% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Яндекс Маркет Отзывы</a></li>{% ENDIF %}
замените на
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
{% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Яндекс Маркет Отзывы</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(5);" id="tab_5" >Видео</a></li>{% ENDIF %}
далее найдите код и удалите
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
{% ENDIF %}
<!-- END Полное SEO-описание -->
далее найдите код
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль отзывов о товаре -->
после вставьте
<div id="content_5" class="tab-content" style="display:none;">
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>
Код видео вставляете в полное SEO описание товара.