Здравствуйте, Помогите пожалуйста сделать изменения с
на
.
1) Уменьшить размер поисковой строки и сделать её по центру;
2) Увеличить логотип и сдвинуть немного правее;
3) Сделать активную кнопку "корзина";
4) Переместить Вход в ЛК в право;
5) Зафиксировать номер телефона на верхней красной шапке;
6) При прокрутке сайта снизу вверх,красная верхняя шапка всплывает. Необходимо зафиксировать.
0
Изменение Поисковой Строки
Автор kinetika, 21 апр. 2018 01:20
Сообщений в теме: 4
#1
Отправлено 21 Апрель 2018 - 01:20
#2
Отправлено 28 Апрель 2018 - 14:32
Вопрос актуальный, ответьте пожалуйста!!!
#3
Отправлено 04 Май 2018 - 14:52
kinetika (21 Апрель 2018 - 01:20) писал:
Здравствуйте, Помогите пожалуйста сделать изменения с 1-min.png на 2.png.
1) Уменьшить размер поисковой строки и сделать её по центру;
2) Увеличить логотип и сдвинуть немного правее;
3) Сделать активную кнопку "корзина";
4) Переместить Вход в ЛК в право;
5) Зафиксировать номер телефона на верхней красной шапке;
6) При прокрутке сайта снизу вверх,красная верхняя шапка всплывает. Необходимо зафиксировать.
1) Уменьшить размер поисковой строки и сделать её по центру;
2) Увеличить логотип и сдвинуть немного правее;
3) Сделать активную кнопку "корзина";
4) Переместить Вход в ЛК в право;
5) Зафиксировать номер телефона на верхней красной шапке;
6) При прокрутке сайта снизу вверх,красная верхняя шапка всплывает. Необходимо зафиксировать.
1), 2), В шаблоне HTML найдите код
<!-- Шапка--> <div class="header"> <div class="header-wrapper"> <div class="container"> <div class="row"> <!-- Логотип --> <div class="col-xs-6 col-md-2 col-lg-2 logo-box"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/> </a> </div> <!-- END Логотип --> <!-- Центральная часть шапки --> <div class="col-xs-6 col-md-10 col-lg-10 right-box"> <div class="right-box-wrapper"> <!-- Иконки в шапке --> <div class="header-icons"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Иконка сравнения --> <div class="compare-header hidden-600"> <a href="{COMPARE_URL}" title="Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}"> <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span> </a> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> <!-- Иконка поиска --> <div class="search-header hidden-600"> <a href="#" title="Поиск по магазину"> <span class="icon-magnifier"></span> </a> </div> --> <!-- Иконка телефона --> <div class="phone-header hidden-600"> <a href="#" title="Наш контактный телефон"> <span class="icon-mobile"></span> </a> </div> <!-- Корзина --> <div class="btn-group cart-header"> <a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину"> <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span> <span>Корзина</span> </a> <!-- Выподающее меню корзины с выводом его содержимого --> <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}> {% IF cart_count_empty %} <span class="empty">Корзина пуста</span> {% ELSE %} <strong class="no-empty">В корзине</strong> <span class="empty" style="display:none;">Корзина пуста</span> <ul id="cart-sidebar" class="mini-products-list unstyled"> {% FOR cart_items %} <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}> <a href="{cart_items.GOODS_URL}" class="product-image"> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}"> </a> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove"> <span class="icon-trash-o"></span> </a> <h4 class="product-name"> <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a> </h4> <div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div> <div class="clearfix"></div> </li> {% ENDFOR %} <div class="cart-button"> <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> </div> </ul> {% ENDIF %} </div> </div><!-- /END Корзина --> </div> <!-- /END Иконки в шапке --> <!-- Каталог в меню --> <div class="primary"> <div class="navbar navbar-default" role="navigation"> <!-- Кнопка каталога в меню для мобильных устройств --> <button type="button" class="navbar-toggle btn-navbar collapsed" data-toggle="collapse" data-target=".primary .navbar-collapse" title="Показать каталог"> <span class="text">Каталог</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Каталог с подкатегориями --> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav" 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-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} itemprop="url">{catalog_full.NAME}</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><!-- /END Каталог с подкатегориями --> </div> </div> <!-- /END Каталог в меню --> </div> </div> <!-- Центральная часть шапки --> <!-- Телефон при нажатии --> <div class="phone-active col-sm-10 col-md-10"> <a href="#" class="close"><span>Закрыть</span>×</a> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER1}</strong> {% ELSE %} <span class="no-phone">Добавьте номер телефона в Настройках</span> {% ENDIF %} </div> <!-- Поиск при нажатии --> <div class="search-active col-sm-10 col-md-10"> <form id="search_mini_form" action="{SEARCH_URL}" method="get"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..." maxlength="128"/> <button type="submit" title="Искать" class="button search-submit"> <span class="icon-magnifier"></span> </button> </form> </div> <!-- END Поиск и Телефон при нажатии --> </div> </div> </div> </div> <!-- /END Шапка -->и замените его на
<!-- Шапка--> <div class="header"> <div class="header-wrapper"> <div class="container"> <div class="row"> <!-- Логотип --> <div class="col-xs-12 col-md-4 col-lg-4 logo-box"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/> </a> </div> <!-- END Логотип --> <div class="col-xs-12 col-md-4 col-lg-4 logo-box"> <!-- Поиск при нажатии --> <div class="search-active"> <form id="search_mini_form" action="{SEARCH_URL}" method="get"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..." maxlength="128"/> <button type="submit" title="Искать" class="button search-submit"> <span class="icon-magnifier"></span> </button> </form> </div> <!-- END Поиск и Телефон при нажатии --> </div> <!-- Центральная часть шапки --> <div class="col-xs-12 col-md-4 col-lg-4 right-box"> <div class="right-box-wrapper"> <!-- Иконки в шапке --> <div class="header-icons"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <!-- Иконка сравнения --> <div class="compare-header hidden-600"> <a href="{COMPARE_URL}" title="Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}"> <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span> </a> </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> <!-- Иконка поиска --> <div class="search-header hidden-600"> <a href="#" title="Поиск по магазину"> <span class="icon-magnifier"></span> </a> </div> --> <!-- Иконка телефона --> <div class="phone-header hidden-600"> <a href="#" title="Наш контактный телефон"> <span class="icon-mobile"></span> </a> </div> <!-- Корзина --> <div class="btn-group cart-header"> <a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину"> <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span> <span>Корзина</span> </a> <!-- Выподающее меню корзины с выводом его содержимого --> <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}> {% IF cart_count_empty %} <span class="empty">Корзина пуста</span> {% ELSE %} <strong class="no-empty">В корзине</strong> <span class="empty" style="display:none;">Корзина пуста</span> <ul id="cart-sidebar" class="mini-products-list unstyled"> {% FOR cart_items %} <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}> <a href="{cart_items.GOODS_URL}" class="product-image"> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}"> </a> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove"> <span class="icon-trash-o"></span> </a> <h4 class="product-name"> <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a> </h4> <div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div> <div class="clearfix"></div> </li> {% ENDFOR %} <div class="cart-button"> <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> </div> </ul> {% ENDIF %} </div> </div><!-- /END Корзина --> </div> <!-- /END Иконки в шапке --> <!-- Каталог в меню --> <div class="primary"> <div class="navbar navbar-default" role="navigation"> <!-- Кнопка каталога в меню для мобильных устройств --> <button type="button" class="navbar-toggle btn-navbar collapsed" data-toggle="collapse" data-target=".primary .navbar-collapse" title="Показать каталог"> <span class="text">Каталог</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Каталог с подкатегориями --> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav" 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-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} itemprop="url">{catalog_full.NAME}</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><!-- /END Каталог с подкатегориями --> </div> </div> <!-- /END Каталог в меню --> </div> </div> <!-- Центральная часть шапки --> </div> </div> </div> </div> <!-- /END Шапка -->
3) По поводу активной кнопки не очень Вас поняла. Прошу Вас уточнить, что необходимо сделать.
4), 5) В шаблоне HTML найдите код
<!-- Верхрнее меню в левой части шапки --> <div class="col-xs-12 col-sm-12">и после него вставьте код
<div class="phoneSite">{% IF SETTINGS_STORE_PHONE_NUMBER1 %>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}{% ENDIF %}</div> <div class="userLk"><a href="https://foreversales.ru/user/login" title="Вход в личный кабинет покупателя">Войти в ЛК</a></div>В конец файла main.css добавьте код
.phoneSite{ position: absolute; right: 85px; top: 5px; font-weight: bold; } .userLk { position: absolute; top: 5px; right: 0; } .userLk a{color:#fff}Пункт меню Войти в ЛК удалите из Верхнего меню в разделе Сайт-> Меню.
6) В файле main.css найдите код
.fixed-header.hidden-top.fixed #top-box {margin-top: -42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}и после него добавьте код
body.fixed-header.hidden-top.loaded.fixed div#top-box {position:fixed;margin-top:0}
#4
Отправлено 04 Май 2018 - 18:14
4) 5) В коде HTML
Ошибка компиляции шаблона. Не верный синтаксис. Неожиданный тег «ENDIF». Строка 87
#5
Отправлено 08 Май 2018 - 08:19
Здравствуйте.
4,5. Вместо:
используйте:
4,5. Вместо:
<div class="phoneSite">{% IF SETTINGS_STORE_PHONE_NUMBER1 %>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}{% ENDIF %}</div> <div class="userLk"><a href="https://foreversales.ru/user/login" title="Вход в личный кабинет покупателя">Войти в ЛК</a></div>
используйте:
<div class="phoneSite">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}{% ENDIF %}</div> <div class="userLk"><a href="https://foreversales.ru/user/login" title="Вход в личный кабинет покупателя">Войти в ЛК</a></div>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных