Как Сделать Самому?
#1
Отправлено 02 Октябрь 2018 - 09:45
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
#2
Отправлено 02 Октябрь 2018 - 21:02
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
#3
Отправлено 03 Октябрь 2018 - 10:21
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
#4
Отправлено 04 Октябрь 2018 - 09:31
Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
#5
Отправлено 04 Октябрь 2018 - 09:56
kv09483 (03 Октябрь 2018 - 10:21) писал:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
Здравствуйте.
2) В шаблоне Товары найдите, пожалуйста, данный блок кода:
<div class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <div class="ratings"> <div class="rating-box"> {% IF goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> {% IF goods.DESCRIPTION_SHORT %}
И замените его этим вот кодом:
<div class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> {% IF goods.DESCRIPTION_SHORT %}
После чего, в шаблоне Товар найдите, пожалуйста, следующий блок кода:
<strong itemprop="author" class="goodsDataOpinionListClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</strong> {% IF opinion_list.RATING %} <div class="rating-box" itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{opinion_list.RATING}"> <div class="rating" style="width:{opinion_list.RATING}0%" alt="{opinion_list.RATING}" title="Рейтинг товара"></div> </div> {% ENDIF %} <span class="goodsDataOpinionListDate">
И замените его вот этим вот кодом:
<strong itemprop="author" class="goodsDataOpinionListClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</strong> <span class="goodsDataOpinionListDate">
После чего, в том же шаблоне, найдите, пожалуйста, данный блок кода:
<h2 class="product-name"><a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" itemprop="url">{recently_viewed_goods.NAME}</a></h2> <div class="ratings"> <div class="rating-box"> {% IF recently_viewed_goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{recently_viewed_goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{recently_viewed_goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
И замените его этим вот кодом:
<h2 class="product-name"><a href="{recently_viewed_goods.URL_MIN_PRICE_NOW | url_amp}" title="{recently_viewed_goods.NAME}" itemprop="url">{recently_viewed_goods.NAME}</a></h2> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
Далее, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:
<div class="product-name"><a href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_views_goods.NAME}" itemprop="url">{related_views_goods.NAME}</a></div> <div class="ratings"> <a href="{related_views_goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF related_views_goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{related_views_goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{related_views_goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{related_views_goods.OPINION_RATING_VALUE}0%" alt="{related_views_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </a> </div> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
И замените его этим кодом:
<div class="product-name"><a href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_views_goods.NAME}" itemprop="url">{related_views_goods.NAME}</a></div> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
После чего, всё в том же шаблоне, найдите, пожалуйста, данный блок кода:
<div class="product-name"><a href="{related_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_goods.NAME}" itemprop="url">{related_goods.NAME}</a></div> <div class="ratings"> <a href="{related_goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF related_goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{related_goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{related_goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{related_goods.OPINION_RATING_VALUE}0%" alt="{related_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </a> </div> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
И замените его вот этим кодом:
<div class="product-name"><a href="{related_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_goods.NAME}" itemprop="url">{related_goods.NAME}</a></div> <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
#6
Отправлено 04 Октябрь 2018 - 12:29
#7
Отправлено 04 Октябрь 2018 - 15:28
kv09483 (04 Октябрь 2018 - 09:31) писал:
Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) везде (и в мобильной, и ПК версии) убрать звездочки (отзывы по товару) и сердечки (добавить в избранное), сейчас звездочки в "Вы смотрели"?
3) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
4) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
Здравствуйте.
3) К сожалению подобное по требованию изменения, может повлечь проблему в адаптивности сайта, однако, если Вы всё-таки хотите применить данные изменения на Ваш магазин, то в данном случае Вам необходимо в шаблоне main.css найти следующий блок кода:
#header .container > .logo { display: block; float: left; position: relative; width: 250px; height: 145px; margin-left: -80px; text-align: center; }
И заменить его этим вот кодом:
#header .container > .logo { display: block; float: left; position: relative; width: 170px; height: 145px; text-align: center; }
4) В шаблоне main.css найдите, пожалуйста, данный блок кода:
.products-grid .item .product-shop .product-name a { height: 40px; }
И замените его этим кодом:
.products-grid .item .product-shop .product-name a { height: 40px; display: none; }
#8
Отправлено 04 Октябрь 2018 - 21:07
Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
#9
Отправлено 04 Октябрь 2018 - 21:15
kv09483 (04 Октябрь 2018 - 21:07) писал:
Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
Просьба уточнить, на каком именно разрешение у Вас осталась данная проблема?
#10
Отправлено 04 Октябрь 2018 - 23:02
Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
#11
Отправлено 05 Октябрь 2018 - 09:33
kv09483 (04 Октябрь 2018 - 23:02) писал:
Здравствуйте! Аккаунт SL-333527. Скажите, пожалуйста:
1) как в "сортировать по" оставить только цене, названию, дате, рейтингу
2) изменить размер логотипа на горизонтальный? сделать больше горизонтально? у меня там одно слово. Но не двигать меню шапки сайта.
3) убрать название категории только в мобильной версии?
Спасибо!!! Напишите, пожалуйста, как сделать, я сам исправлю!!!
В таком случае, если Вы верно выполнили все присланные выше Вам инструкции, то Вам необходимо очистить кэш вашего интернет-браузера ( с помощью сочетания клавиш Ctrl + F5 ) или открыть Ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.
#12
Отправлено 05 Октябрь 2018 - 09:43
#13
Отправлено 24 Октябрь 2018 - 18:50
RayLi (05 Октябрь 2018 - 09:33) писал:
Здравствуйте! А мне Вы сможете помочь?
Мне необходимо поменять местами все в шапке магазина, но мне не хватает знаний для того чтобы сделать это самостоятельно.
Верхнюю строчку также хотелось бы выделить светло серым цветом, а строку каталога черным.
#14
Отправлено 26 Октябрь 2018 - 10:50
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Шапка --> <div id="header"> <div class="container"> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a> </div> <div class="header-right"> <div class="header-top"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %} </div> <div class="links"> {% IFNOT CLIENT_IS_LOGIN %} <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div> <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div> {% ELSE %} <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div> <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div> <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div> <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div> {% ENDIF %} </div> </div> <div class="header-links"> <!-- Личный кабинет --> <div class="top-links"> <div class="icon"><a href="javascript:void(0)">Меню</a></div> <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} --> <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT menu_header_links_empty %} {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} {% ELSE %} {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> <!-- Меню, Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> <div class="switcher-area"> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> </div> <!-- /END Шапка -->
замените на:
<!-- Шапка --> <div id="header"> <div class="container"> <div class="header-right"> <div class="header-top"> <!-- Личный кабинет --> <div class="top-links"> <div class="icon"><a href="javascript:void(0)">Меню</a></div> <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} --> <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT menu_header_links_empty %} {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} {% ELSE %} {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> <div class="links"> {% IFNOT CLIENT_IS_LOGIN %} <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div> <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div> {% ELSE %} <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div> <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div> <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div> <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div> {% ENDIF %} </div> </div> </div> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a> </div> <div class="header-right"> <div class="header-links"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %} </div> </div> <div class="switcher-area"> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> <div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> <div class="switcher-area"> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
далее зайдите в main.css - найдите:
/** Меню **/ #header .header-right {float: left;width: calc(100% - 170px);} #header .header-right .header-links {display: inline-block;float: left;width: calc(100% - 270px);;border-bottom-width: 0;border-top-width: 0;} #header .header-right .header-links .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;} #header .header-right .header-links .top-links a {padding-top: 5px;padding-bottom: 5px;} #header .header-right .header-links .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;} #header .header-right .header-links .top-links .icon a {text-transform: uppercase;text-decoration: none;} #header .header-right .header-links .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;} #header .header-right .header-links .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;} #header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;} #header .header-right .header-links .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-right .header-links .top-links .links li a:hover {text-decoration: underline;}
замените на:
/** Меню **/ #header .header-right {float: left;width: calc(100% - 170px);} #header .header-right + .header-right {width: 100%;} #header .header-top .top-links {display: inline-block;float: left;width: calc(100% - 270px);height: 53px;padding: 16px 0;} #header .header-top .top-links a {padding-top: 5px;padding-bottom: 5px;} #header .header-top .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;} #header .header-top .top-links .icon a {text-transform: uppercase;text-decoration: none;} #header .header-top .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;} #header .header-top .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;} #header .header-top .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;} #header .header-top .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-top .top-links .links li a:hover {text-decoration: underline;}
далее найдите:
/** Контакты **/ #header .header-top {border-top: 0;border-right: 0;height: 50px;overflow: hidden;} #header .header-top .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;} #header .header-top .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;} #header .header-top .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-top .contacts > div a:hover {text-decoration: underline;} #header .header-top .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;} #header .header-top .contacts > div a:hover i {color: #48d1cc;}
замените на:
/** Контакты **/ #header .header-links .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;} #header .header-links .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;} #header .header-links .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-links .contacts > div a:hover {text-decoration: underline;} #header .header-links .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;} #header .header-links .contacts > div a:hover i {color: #48d1cc;}
далее найдите:
#header .header-right .menu {float: right;width: 100%;}
после него вставьте:
#header .header-right:first-child {width: 100%;} #header .header-right + .header-right .menu {width: calc(100% - 270px);float: left;}
далее найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 80px;text-align: left;} #header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;} #header .container > .logo img {display: inline-block;max-height: 145px;}
замените на:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 170px;height: 52px;text-align: left;} #header .container > .logo a {display: block;line-height: 52px;vertical-align: middle;z-index: 2;padding: 0;} #header .container > .logo img {display: inline-block;max-height: 52px;}
#15
Отправлено 26 Октябрь 2018 - 14:17
Vaccina (26 Октябрь 2018 - 10:50) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Шапка --> <div id="header"> <div class="container"> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a> </div> <div class="header-right"> <div class="header-top"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %} </div> <div class="links"> {% IFNOT CLIENT_IS_LOGIN %} <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div> <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div> {% ELSE %} <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div> <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div> <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div> <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div> {% ENDIF %} </div> </div> <div class="header-links"> <!-- Личный кабинет --> <div class="top-links"> <div class="icon"><a href="javascript:void(0)">Меню</a></div> <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} --> <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT menu_header_links_empty %} {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} {% ELSE %} {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> <!-- Меню, Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> <div class="switcher-area"> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> </div> <!-- /END Шапка -->
замените на:
<!-- Шапка --> <div id="header"> <div class="container"> <div class="header-right"> <div class="header-top"> <!-- Личный кабинет --> <div class="top-links"> <div class="icon"><a href="javascript:void(0)">Меню</a></div> <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} --> <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT menu_header_links_empty %} {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} {% ELSE %} {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> <div class="links"> {% IFNOT CLIENT_IS_LOGIN %} <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div> <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div> {% ELSE %} <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div> <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div> <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div> <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div> {% ENDIF %} </div> </div> </div> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=tourism" alt="{SETTINGS_STORE_NAME}"></a> </div> <div class="header-right"> <div class="header-links"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %} </div> </div> <div class="switcher-area"> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> <div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> <div class="switcher-area"> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
далее зайдите в main.css - найдите:
/** Меню **/ #header .header-right {float: left;width: calc(100% - 170px);} #header .header-right .header-links {display: inline-block;float: left;width: calc(100% - 270px);;border-bottom-width: 0;border-top-width: 0;} #header .header-right .header-links .top-links {display: block;float: right;position: relative;width: 100%;height: 53px;padding: 16px 0;} #header .header-right .header-links .top-links a {padding-top: 5px;padding-bottom: 5px;} #header .header-right .header-links .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;} #header .header-right .header-links .top-links .icon a {text-transform: uppercase;text-decoration: none;} #header .header-right .header-links .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;} #header .header-right .header-links .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;} #header .header-right .header-links .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;} #header .header-right .header-links .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-right .header-links .top-links .links li a:hover {text-decoration: underline;}
замените на:
/** Меню **/ #header .header-right {float: left;width: calc(100% - 170px);} #header .header-right + .header-right {width: 100%;} #header .header-top .top-links {display: inline-block;float: left;width: calc(100% - 270px);height: 53px;padding: 16px 0;} #header .header-top .top-links a {padding-top: 5px;padding-bottom: 5px;} #header .header-top .top-links .icon {display: none;position: relative;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;cursor: pointer;} #header .header-top .top-links .icon a {text-transform: uppercase;text-decoration: none;} #header .header-top .top-links .icon:before {content: "\f0d7";display: block;position: absolute;right: 7px;top: 50%;font-family: "FontAwesome";margin-top: -5px;} #header .header-top .top-links .links {display: block;float: left;padding: 0;margin: 0 0 0 10px;height: 20px;overflow: hidden;text-align: left;} #header .header-top .top-links .links li {display: inline-block;font-size: 11px;text-transform: uppercase;line-height: 19px;padding: 0 16px;border: 0;} #header .header-top .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'Ubuntu', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-top .top-links .links li a:hover {text-decoration: underline;}
далее найдите:
/** Контакты **/ #header .header-top {border-top: 0;border-right: 0;height: 50px;overflow: hidden;} #header .header-top .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;} #header .header-top .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;} #header .header-top .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-top .contacts > div a:hover {text-decoration: underline;} #header .header-top .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;} #header .header-top .contacts > div a:hover i {color: #48d1cc;}
замените на:
/** Контакты **/ #header .header-links .contacts {display: inline-block;float: left;padding: 0;margin: 0 15px 0 10px;padding: 15px 0;overflow: hidden;text-align: right;} #header .header-links .contacts > div {display: inline-block;text-transform: uppercase;padding: 0 16px;border: 0;} #header .header-links .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;} #header .header-links .contacts > div a:hover {text-decoration: underline;} #header .header-links .contacts > div a i {font-size: 16px;color: #21293c;margin-right: 5px;} #header .header-links .contacts > div a:hover i {color: #48d1cc;}
далее найдите:
#header .header-right .menu {float: right;width: 100%;}
после него вставьте:
#header .header-right:first-child {width: 100%;} #header .header-right + .header-right .menu {width: calc(100% - 270px);float: left;}
далее найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 80px;text-align: left;} #header .container > .logo a {display: block;line-height: 145px;vertical-align: middle;z-index: 2;padding: 3px 5px 5px 5px;} #header .container > .logo img {display: inline-block;max-height: 145px;}
замените на:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 170px;height: 52px;text-align: left;} #header .container > .logo a {display: block;line-height: 52px;vertical-align: middle;z-index: 2;padding: 0;} #header .container > .logo img {display: inline-block;max-height: 52px;}
Интернет зоомаркет БАДДИ мебель и аксессуары для питомцев .png
Спасибо, но есть нюанс...
1. Пытаюсь войти в ЛК, а форма входа уехала куда-то вниз. Аналогично во всех раздела каталога, содержание уехало вниз. Скрины прилагаю.
2. После входа в ЛК, съезжает строчка в шапке.
3. Не до конца совершили перемещения)) на скрине указала
Помогите пожалуйста исправить!)
#16
Отправлено 26 Октябрь 2018 - 22:23
#17
Отправлено 27 Октябрь 2018 - 05:48
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="header-right"> <div class="header-links"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} </div> </div> <div class="switcher-area"> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> <div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> <div class="switcher-area"> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
замените на:
<div class="header-right"> <div class="header-links"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} </div> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> </div> <div class="switcher-area"> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> <div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
далее зайдите в main.css - найдите:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 100%;height: auto;margin: 0;z-index: 1; }
замените на:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 300px;height: auto;margin: 0;z-index: 1; }
далее найдите:
#header .header-right {float: left;width: calc(100% - 170px);}
замените на:
#header .header-right {float: left;width: calc(100% - 170px);} #header .header-right .header-links {width: calc(100% - 270px);display: inline-block;}
далее найдите:
#page-title {padding: 216px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}
замените на:
#page-title {padding: 60px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}
далее зайдите в main.js найдите и удалите:
// Загрузка основных функций шаблона после полной загрузки страницы $(window).load(function(){ // Отобразить полный список категорий. Если категории не помещаются в строке меню, можно отобразить все категории в несколько строк. Уберите комментарии // со строчек ниже // $('#header .header-links .menu #custommenu .mainnav').css("height", "auto"); // $('#header .switcher-area').css("border-bottom", "1px solid rgba(60,60,60,0.1)"); $('#page-title').css("padding-top", $('#header').outerHeight()+60); });
и:
$('#page-title').css("padding-top", $('#header').outerHeight()+60);
#18
Отправлено 27 Октябрь 2018 - 18:52
Vaccina (27 Октябрь 2018 - 05:48) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="header-right"> <div class="header-links"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} </div> </div> <div class="switcher-area"> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> <div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> <div class="switcher-area"> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
замените на:
<div class="header-right"> <div class="header-links"> <div class="contacts"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone" aria-hidden="true"></i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} </div> <!-- Поиск --> <div class="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину"> <input type="hidden" name="goods_search_field_id" value="0"> <input type="text" name="q" value="{SEARCH_QUERY}" class="search-string" placeholder="Поиск по магазину..." autocomplete="off"> <button type="submit" title="Искать" class="icon-magnifier search-submit"></button> </form> </div> </div> <div class="switcher-area"> <div class="cart-compare {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}"> <!-- Сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare {% IF MOD_LNAME = compare %}page{% ENDIF %}"> <a href="{COMPARE_URL}" title="Перейти к Сравнению" class="title"><i class="icon-compare"></i><span class="count" data-count="{COMPARE_GOODS_COUNT}">{COMPARE_GOODS_COUNT}</span><span class="title">Сравнение</span></a> <div class="dropdown"> <ul id="compare-items"> <div class="empty hide">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% IF compare_list_empty %} <div class="empty">Ваш список сравнения пуст.<br/> Вы можете добавлять товары из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a> и сравнивать их между собой.</div> {% ELSE %} {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 10 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="remove x" title="Убрать товар из списка сравнения" onclick="removeFromCompare($(this))"></a> <p class="product-name"><a href="{compare_goods.URL}" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button" title="Перейти к Сравнению">Сравнение</a> {% ENDIF %} <a data-href="{COMPARE_RESET_URL}" onclick="removeFromCompareAll($(this))" class="button button2 hide" title="Очистить список сравнения">Очистить</a> <a href="{COMPARE_URL}" class="button button hide" title="Перейти к Сравнению">Сравнение</a> </ul> </div> </div> {% ENDIF %} <!-- Корзина --> <div class="cart {% IF MOD_LNAME = cart %}page{% ENDIF %}"> <a href="{CART_URL}" title="Перейти в Корзину" class="title"><i class="icon-shopping-bag"></i><span class="count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span><span class="title">Корзина</span></a> <div class="dropdown"> <div class="cart-content"> <div class="empty hide">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% IF cart_count_empty %} <div class="empty">Корзина покупок пуста.<br/> Вы можете выбрать товар из <a href="{CATALOG_URL}" title="Перейти в каталог">Каталога</a>.</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove x" onclick="removeFromCart($(this))"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tourism{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span> <span>x</span> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </div> </li> {% ENDFOR %} </ul> <div class="subtotal"> <span class="label">Итого:</span> <span class="price total-sum {CURRENCY_CHAR_CODE}">{CART_SUM_NOW | money_format}</span> </div> <div class="actions"> <a class="button button2" title="Очистить корзину" href="{CART_TRUNCATE_URL}" data-href="{CART_TRUNCATE_URL}" onclick="removeFromCartAll($(this))">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> </div> <div class="header-sticky {% IF MOD_LNAME = cart %}page{% ENDIF %}"></div> </div> <div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
далее зайдите в main.css - найдите:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 100%;height: auto;margin: 0;z-index: 1; }
замените на:
#header .header-right .search {display: inline-block;position: relative;vertical-align: middle;width: 300px;height: auto;margin: 0;z-index: 1; }
далее найдите:
#header .header-right {float: left;width: calc(100% - 170px);}
замените на:
#header .header-right {float: left;width: calc(100% - 170px);} #header .header-right .header-links {width: calc(100% - 270px);display: inline-block;}
далее найдите:
#page-title {padding: 216px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}
замените на:
#page-title {padding: 60px 0 60px;text-align: center;background: url("{ASSETS_IMAGES_PATH}hbg.jpg?design=tourism") center center no-repeat;background-size: cover;}
далее зайдите в main.js найдите и удалите:
// Загрузка основных функций шаблона после полной загрузки страницы $(window).load(function(){ // Отобразить полный список категорий. Если категории не помещаются в строке меню, можно отобразить все категории в несколько строк. Уберите комментарии // со строчек ниже // $('#header .header-links .menu #custommenu .mainnav').css("height", "auto"); // $('#header .switcher-area').css("border-bottom", "1px solid rgba(60,60,60,0.1)"); $('#page-title').css("padding-top", $('#header').outerHeight()+60); });
и:
$('#page-title').css("padding-top", $('#header').outerHeight()+60);
Спасибо за то, что помогаете мне!
В мобильной версии по прежнему не отображается каталог и шапка вся кривая. Как поправить?
По версии ПК тоже вопросы остались открытыми.
1. Как поместить каталог на черный фон? Чтобы полоса была от края до края экрана.
2. Как поместить верхнее меню на серый фон от края до края?
3. Как увеличить средний блок между меню и каталогом и увеличить лого?
Вопросы прописаны и на скрине, а также во вложении пример как я вижу конечный результат и скриншот с хаосом в моб.версии.
#19
Отправлено 30 Октябрь 2018 - 23:00
#20
Отправлено 31 Октябрь 2018 - 10:58
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="header-right"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <div class="container"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
замените на:
</div> <div class="header-right"> <div class="container"> <div class="header-links"> <!-- Каталог --> <div class="menu"> <div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"></div></a></div> <div id="custommenu"> <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> </div> </div> </div> </div> </div> <!-- /END Шапка -->
далее найдите:
<div id="header"> <div class="container"> <div class="header-right"> <div class="header-top"> <!-- Личный кабинет --> <div class="top-links"> <div class="icon"><a href="javascript:void(0)">Меню</a></div> <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} --> <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT menu_header_links_empty %} {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} {% ELSE %} {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> <div class="links"> {% IFNOT CLIENT_IS_LOGIN %} <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div> <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div> {% ELSE %} <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div> <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div> <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div> <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div> {% ENDIF %} </div> </div> </div> <!-- Логотип -->
замените на:
<div class="header-right"> <div class="container"> <div class="header-top"> <!-- Личный кабинет --> <div class="top-links"> <div class="icon"><a href="javascript:void(0)">Меню</a></div> <!-- Для отображения Личного Кабинета в шапке, замените на следующей строке {% IFNOT menu.header.links_empty %} на {% IF menu.header.links_empty %} --> <ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% IFNOT menu_header_links_empty %} {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} {% ELSE %} {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" itemprop="url">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация" itemprop="url">Регистрация</a></li> {% ELSE %} <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет" itemprop="url">Мой кабинет</a></li> <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов" itemprop="url">История</a></li> <li><a href="{FAVORITES_URL}" title="Избранные товары" itemprop="url">Избранное</a></li> <li><a href="{USER_LOGOUT_URL}" title="Выход" itemprop="url">Выход</a></li> {% ENDIF %} {% ENDIF %} </ul> </div> <div class="links"> {% IFNOT CLIENT_IS_LOGIN %} <div><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет" rel="nofollow"><i class="fa fa-sign-in" aria-hidden="true"></i><span>Вход</span></a></div> <div><a href="{USER_REGISTER_URL}" title="Регистрация" rel="nofollow"><i class="fa fa-user-plus" aria-hidden="true"></i><span>Регистрация</span></a></div> {% ELSE %} <div><a href="{USER_SETTINGS_URL}" title="Личный кабинет" rel="nofollow"><i class="fa fa-user" aria-hidden="true"></i><span>Мой кабинет</span></a></div> <div><a href="{USER_HISTORY_LIST_URL}" title="История заказов" rel="nofollow"><i class="fa fa-history" aria-hidden="true"></i><span>История</span></a></div> <div><a href="{FAVORITES_URL}" title="Избранные товары" rel="nofollow"><i class="icon-wishlist" aria-hidden="true"></i><span>Избранное</span></a></div> <div><a href="{USER_LOGOUT_URL}" title="Выход" rel="nofollow"><i class="fa fa-sign-out" aria-hidden="true"></i><span>Выход</span></a></div> {% ENDIF %} </div> </div> </div> </div> <div class="container"> <!-- Логотип -->
далее зайдите в main.css - найдите:
#header .header-right {float: left;width: calc(100% - 170px);} #header .header-right .header-links {width: calc(100% - 270px);display: inline-block;}
замените на:
#header .container .header-right {float: left;width: calc(100% - 200px);} #header .container .header-right .header-links {width: calc(100% - 300px);display: inline-block;} #header > .header-right:first-child {background: #f5f5f5;margin-bottom:10px;} #header > .header-right:last-child {background: #3f3f3f;margin-top:10px;}
далее найдите:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 170px;height: 52px;text-align: left;}
замените на:
#header .container > .logo {padding-left: 20px;display: block;float: left;position: relative;width: 200px;height: 52px;text-align: left;}
Мобильную версию лучше начинать править когда будет закончена ПК версия, так как каждый раз меняется структура.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных