Верхний Блок
#1
Отправлено 19 Январь 2019 - 20:53
Помогите, пожалуйста, внести изменения в верхний блок. http://vympel.store
Шаблон: http://prntscr.com/m9d9ta
1. Добавить верхнее меню 2 (цвет шрифта белый)
Верхнее2
{menu.header2}
2. Перенести поле поиска
3. Перенести Корзину (цвет шрифта белый), слева разместить иконку сравнения товаров, избранное
4. Перенести верхнее меню
Верхнее
{menu.header}
Большое спасибо!
#2
Отправлено 22 Январь 2019 - 06:14
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> <div class="top_right_header"> {% IF CLIENT_IS_LOGIN %} <div class="whishlist topb hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div> {% ENDIF %} {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare topb hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div> {%ENDIF%} {%IF CLIENT_IS_LOGIN%} <div class="cabinet topb hires"> <a href="{USER_LOGIN_URL}" title="Личный кабинет"> <i class="fa fa-user-o"></i> </a> </div> {%ELSE%} <div class="cabinet topb hires login_button"> <div class="login_icon" title="Авторизация"><i class="fa fa-user-o"></i></div> <div class="header_auth header_autorization" > <div class="header_auth_title">Аккаунт</div> <form action="{USER_LOGIN_URL}" method="post" class="clientForm"> <div class="header_auth_text"> Если вы уже имеете аккаунт у нас, пожалуйста, входите. </div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="from" value="{FROM}" /> <div class=""> <div class="regField"> <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" placeholder="E-mail *" maxlength="255" class="input-text required email" /> </div> <div class="regField"> <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" placeholder="Пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> </div> <div class="reg_buttons"> <button type="submit" class="button pw_button button_type_one" title="Login" name="send" id="send2" style="padding:0">Войти</button> <div class="reg_button reg_form button_type_two registration_button">Зарегистрироваться</div> <div class="rcovery_button">Забыли пароль?</div> <div class="clear"></div> </div> </form> </div> <div class="header_auth header_registration"> <div class="header_auth_title">Регистрация</div> <form action="{USER_REGISTER_URL}" method="post" class="clientForm registration_form"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <input type="hidden" name="from" value="{FROM}" /> <div class="reg_content"> <div class="regField"> <input id="reg_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" placeholder="Представьтесь, пожалуйста *" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required input-text"/> </div> <div class="regField"> <input id="sites_client_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" placeholder="Телефон для связи *" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required input-text"/> </div> <div class="regField"> <input id="sites_client_mail2" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email input-text"/> </div> <div class="regField"> <input id="sites_client_pass2" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" placeholder="Придумайте пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> <div class="mess header_auth_text">Нажимая на кнопку Зарегистрироваться, Вы соглашаетесь с <a class="show-rules">правилами обработки данных</a></div> <div class="reg_buttons"> <button type="submit" title="Зарегистрироваться" class="button pw_button button_type_one reg_fields_check_and_submit">Зарегистрироваться</button> <div class="login_button_in_reg reg_button reg_form button_type_two">Войти</div> </div> <div class="clear"></div> </div> </form> </div> <div class="header_auth header_recovery"> <div class="header_auth_title">Аккаунт</div> <form action="{USER_RECOVERY_URL}" method="post" class="clientForm"> <input type="hidden" name="hash" value="{HASH}" /> <div class="regContent"> <div class="regField"> <input id="sites_client_mail3" type="text" name="form[sites_client_mail]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="input-text required email"/> </div> <div class="regField"> <input id="sites_client_pass3" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" placeholder="Придумайте новый пароль *" maxlength="50" minlength="6" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> <div class="reg_buttons"> <button type="submit" title="Submit" class="button pw_button button_type_one">Восстановить</button> <div class="login_recovery_button reg_button reg_form button_type_two" href="{USER_LOGIN_URL}">Вход с паролем</div> </div> </div> </form> </div> </div> {%ENDIF%} <div class="search topb"> <div class="search-open-content"> <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = '';"/> <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button> </form> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="mainwidth"> <div class="logo mainlogo"> <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a> </div> <div class="rightHeader"> <div class="clear"></div> <div class="headerButtons"> {%IF SETTINGS_STORE_EMAIL_MAIN%} <div class="header-email topb"> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} <div class="hPhone topb"> {% 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-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1} {SETTINGS_STORE_PHONE_NUMBER1} </a> </div> {% ENDIF %} {%IF SETTINGS_STORE_EMAIL_MAIN%} <div> <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} </div> <div class="hCallBack topb"> <div class="hCallBackButton button_type_one"><span class="text">Заказать звонок</span><span class="icon icon-phone"></span></div> </div> <div class="cart topb"> <a href="{CART_URL}"> <span class="fa fa-shopping-cart"></span> <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span> <div class="text">Корзина</div> {%IF cart_sum_empty%} <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div> {%ELSE%} {% FOR cart_sum %} <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div> {% ENDFOR %} {%ENDIF%} </a> <div class="hover_cart_content"> {% IF cart_count_empty %} <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div> </div> {% ELSE %} <div class="hidden_cart_content"> <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %} {cart_items.ORDER_LINE_QUANTITY} x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> </div> {% ENDIF %} </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div>
замените на:
<ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li class="{% IF menu.header2.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header2.links.SELECTED %}active{%ENDIF%}" href="{menu.header2.links.URL}" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> <div class="top_right_header"> <div class="cart topb"> <a href="{CART_URL}"> <span class="fa fa-shopping-cart"></span> <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span> <div class="text">Корзина</div> {%IF cart_sum_empty%} <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div> {%ELSE%} {% FOR cart_sum %} <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div> {% ENDFOR %} {%ENDIF%} </a> <div class="hover_cart_content"> {% IF cart_count_empty %} <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div> </div> {% ELSE %} <div class="hidden_cart_content"> <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %} {cart_items.ORDER_LINE_QUANTITY} x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> </div> {% ENDIF %} </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="mainwidth"> <div class="logo mainlogo"> <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a> </div> <div class="rightHeader"> <div class="clear"></div> <div class="headerButtons"> <div class="search topb"> <div class="search-open-content"> <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = '';"/> <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button> </form> </div> </div> <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div>
далее зайдите в main.css - найдите:
.top_header .menu{float:left;min-height:60px;line-height:60px;max-width:1320px;} .top_header .menu li{float:left;padding:0 10px 0 0;list-style:none;} .top_header .menu li:first-of-type{padding-left:0;} .top_header .menu li:last-of-type{padding:0;clear:both;border-bottom:0;} .top_header .menu li:nth-last-child(-2n+2){border-bottom:0;} .top_header .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;} .top_header .menu li a:hover{text-decoration:underline;}
замените на:
.top_header .menu, .mainwidth .rightHeader .menu{float:left;min-height:60px;line-height:60px;max-width:1320px;} .top_header .menu li, .mainwidth .rightHeader .menu li{float:left;padding:0 10px 0 0;list-style:none;} .top_header .menu li:first-of-type, .mainwidth .rightHeader .menu li:first-of-type{padding-left:0;} .top_header .menu li:last-of-type, .mainwidth .rightHeader .menu li:last-of-type{padding:0;clear:both;border-bottom:0;} .top_header .menu li:nth-last-child(-2n+2), .mainwidth .rightHeader .menu li:nth-last-child(-2n+2){border-bottom:0;} .top_header .menu li a, .mainwidth .rightHeader .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;} .top_header .menu li a:hover, .mainwidth .rightHeader .menu li a:hover{text-decoration:underline;} .mainwidth .rightHeader .menu li a {color:#ff9200;}
далее найдите:
.top_header #search_mini_form input{border:0px;color:white;background:none;outline:0;width:170px;} .top_header .topb #search_mini_form button{position:absolute;right:0px;top:12px;background:none;outline:0;border:0;color:white;cursor:pointer;font-size:16px;} .top_header .topb #search_mini_form button:hover{color:#ff9900;}
замените на:
.search{width:70%;float: none !important; margin: 0 auto;clear: both;border: 2px solid #343834;padding: 10px;} #search_mini_form {position: relative;width: 100%;} #search_mini_form input{border:0px;color:#ff9200;background:none;outline:0;width:100%;} #search_mini_form button{position:absolute;right:0px;top:0;background:none;outline:0;border:0;color:#ff9200;cursor:pointer;font-size:16px;} #search_mini_form button:hover{color:#ff9900;}
далее найдите:
.cart.topb{position:relative;width:163px;margin-left:25px;} .cart.topb .fa{font-size:40px;float:left;} .cart.topb .text{margin-left:25px;float:left;width:100px;line-height:20px;font-size:16px;text-transform:uppercase;color:#29333d;} .hover_cart_content{width: 300px;position: absolute;right: 0px;top: 35px;z-index:1000;display:none;} .product-mod{color:#a9a9a9;font-size:14px;} .hidden_cart_content{background: white;margin-top: 22px;font-size: 14px;text-transform: none;line-height: 20px;padding:15px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);} .hidden_cart_content .empty_text{text-align:center;} .visible.total-sum {float: left;line-height: 20px;margin-left: 25px;font-size:20px;font-weight:bold;color:#29333d;text-transform:lowercase;}
замените на:
.cart.topb{position:relative;width:195px;margin-left:25px;} .cart.topb .fa{font-size:40px;float:left;} .cart.topb .text{margin-left:25px;float:left;width:100px;line-height:20px;font-size:16px;text-transform:uppercase;color:#fff;} .hover_cart_content{width: 300px;position: absolute;right: 0px;top: 35px;z-index:1000;display:none;} .product-mod{color:#a9a9a9;font-size:14px;} .hidden_cart_content{background: white;margin-top: 22px;font-size: 14px;text-transform: none;line-height: 20px;padding:15px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);} .hidden_cart_content .empty_text{text-align:center;color: #000;} .hidden_cart_content .empty_text a {color: #000;} .visible.total-sum {float: left;line-height: 20px;margin-left: 25px;font-size:20px;font-weight:bold;color:#fff;text-transform:lowercase;}
#3
Отправлено 26 Январь 2019 - 13:02
Актуальный и последний шапки вариант тут : http://prntscr.com/mcej48 -> http://prntscr.com/mcekkn
1. Переместить поле поиска
2. Номер телефона и почтовый адрес сдвинуть по уровню левого края баннера
3. Вывести значок ЛК и кликабельные ссылки Вход и Реистрация
4. Корзина остается на своем месте
5. Справа от корзины разместить значки Сравнения товаров и Избранное
6. Добавить верхнее меню Верхнее {menu.header} - АКЦИИ и Хиты продаж (добавить значки)
#4
Отправлено 30 Январь 2019 - 04:18
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div id="header"> <div class="top_header"> <div class="mainwidth"> <div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div> <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> <div class="top_right_header"> {% IF CLIENT_IS_LOGIN %} <div class="whishlist topb hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div> {% ENDIF %} {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare topb hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div> {%ENDIF%} {%IF CLIENT_IS_LOGIN%} <div class="cabinet topb hires"> <a href="{USER_LOGIN_URL}" title="Личный кабинет"> <i class="fa fa-user-o"></i> </a> </div> {%ELSE%} <div class="cabinet topb hires login_button"> <div class="login_icon" title="Авторизация"><i class="fa fa-user-o"></i></div> <div class="header_auth header_autorization" > <div class="header_auth_title">Аккаунт</div> <form action="{USER_LOGIN_URL}" method="post" class="clientForm"> <div class="header_auth_text"> Если вы уже имеете аккаунт у нас, пожалуйста, входите. </div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="from" value="{FROM}" /> <div class=""> <div class="regField"> <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" placeholder="E-mail *" maxlength="255" class="input-text required email" /> </div> <div class="regField"> <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" placeholder="Пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> </div> <div class="reg_buttons"> <button type="submit" class="button pw_button button_type_one" title="Login" name="send" id="send2" style="padding:0">Войти</button> <div class="reg_button reg_form button_type_two registration_button">Зарегистрироваться</div> <div class="rcovery_button">Забыли пароль?</div> <div class="clear"></div> </div> </form> </div> <div class="header_auth header_registration"> <div class="header_auth_title">Регистрация</div> <form action="{USER_REGISTER_URL}" method="post" class="clientForm registration_form"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <input type="hidden" name="from" value="{FROM}" /> <div class="reg_content"> <div class="regField"> <input id="reg_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" placeholder="Представьтесь, пожалуйста *" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required input-text"/> </div> <div class="regField"> <input id="sites_client_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" placeholder="Телефон для связи *" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required input-text"/> </div> <div class="regField"> <input id="sites_client_mail2" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email input-text"/> </div> <div class="regField"> <input id="sites_client_pass2" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" placeholder="Придумайте пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> <div class="mess header_auth_text">Нажимая на кнопку Зарегистрироваться, Вы соглашаетесь с <a class="show-rules">правилами обработки данных</a></div> <div class="reg_buttons"> <button type="submit" title="Зарегистрироваться" class="button pw_button button_type_one reg_fields_check_and_submit">Зарегистрироваться</button> <div class="login_button_in_reg reg_button reg_form button_type_two">Войти</div> </div> <div class="clear"></div> </div> </form> </div> <div class="header_auth header_recovery"> <div class="header_auth_title">Аккаунт</div> <form action="{USER_RECOVERY_URL}" method="post" class="clientForm"> <input type="hidden" name="hash" value="{HASH}" /> <div class="regContent"> <div class="regField"> <input id="sites_client_mail3" type="text" name="form[sites_client_mail]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="input-text required email"/> </div> <div class="regField"> <input id="sites_client_pass3" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" placeholder="Придумайте новый пароль *" maxlength="50" minlength="6" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> <div class="reg_buttons"> <button type="submit" title="Submit" class="button pw_button button_type_one">Восстановить</button> <div class="login_recovery_button reg_button reg_form button_type_two" href="{USER_LOGIN_URL}">Вход с паролем</div> </div> </div> </form> </div> </div> {%ENDIF%} <div class="search topb"> <div class="search-open-content"> <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = '';"/> <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button> </form> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="mainwidth"> <div class="logo mainlogo"> <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a> </div> <div class="rightHeader"> <div class="clear"></div> <div class="headerButtons"> {%IF SETTINGS_STORE_EMAIL_MAIN%} <div class="header-email topb"> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} <div class="hPhone topb"> {% 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-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1} {SETTINGS_STORE_PHONE_NUMBER1} </a> </div> {% ENDIF %} {%IF SETTINGS_STORE_EMAIL_MAIN%} <div> <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} </div> <div class="hCallBack topb"> <div class="hCallBackButton button_type_one"><span class="text">Заказать звонок</span><span class="icon icon-phone"></span></div> </div> <div class="cart topb"> <a href="{CART_URL}"> <span class="fa fa-shopping-cart"></span> <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span> <div class="text">Корзина</div> {%IF cart_sum_empty%} <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div> {%ELSE%} {% FOR cart_sum %} <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div> {% ENDFOR %} {%ENDIF%} </a> <div class="hover_cart_content"> {% IF cart_count_empty %} <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div> </div> {% ELSE %} <div class="hidden_cart_content"> <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %} {cart_items.ORDER_LINE_QUANTITY} x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> </div> {% ENDIF %} </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div>
замените на:
<div id="header"> <div class="top_header"> <div class="mainwidth"> <div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div> <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> <div class="clear"></div> </div> </div> <div class="mainwidth"> <div class="logo mainlogo"> <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a> </div> <div class="rightHeader"> <div class="clear"></div> <div class="headerButtons"> {%IF SETTINGS_STORE_EMAIL_MAIN%} <div class="header-email topb"> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} <div class="hPhone topb"> {% 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-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1} {SETTINGS_STORE_PHONE_NUMBER1} </a> </div> {% ENDIF %} {%IF SETTINGS_STORE_EMAIL_MAIN%} <div> <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} </div> <div class="top_right_header"> <div class="cabinet topbt hires"> <i class="fa fa-user-o"></i> <ul> {% IF CLIENT_IS_LOGIN %} <li><a href="{USER_SETTINGS_URL}">ЛК</a></li> <li><a href="{USER_LOGOUT_URL}">Выход</a></li> {%ELSE%} <li><a href="{USER_LOGIN_URL}">Войти</a></li> <li><a href="{USER_REGISTER_URL}">Регистрация</a></li> {%ENDIF%} </ul> </div> </div> <div class="cart topb"> <a href="{CART_URL}"> <span class="fa fa-shopping-cart"></span> <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span> <div class="text">Корзина</div> {%IF cart_sum_empty%} <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div> {%ELSE%} {% FOR cart_sum %} <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div> {% ENDFOR %} {%ENDIF%} </a> <div class="hover_cart_content"> {% IF cart_count_empty %} <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div> </div> {% ELSE %} <div class="hidden_cart_content"> <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %} {cart_items.ORDER_LINE_QUANTITY} x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> </div> {% ENDIF %} </div> </div> <div class="top_right_header"> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare topbt hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div> {%ENDIF%} {% IF CLIENT_IS_LOGIN %} <div class="whishlist topbt hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div> {% ENDIF %} </div> <div class="clear"></div> <div class="search topb"> <div class="search-open-content"> <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = '';"/> <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button> </form> </div> </div> <ul class="sales_but topb"> <li><i class="fa fa-percent"></i><a href="/discount">Акции</a></li> <li><i class="fa fa-star"></i><a href="{CATALOG_TOP_SALES_URL}">Лидеры продаж</a></li> </ul> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div>
далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .top_right_header {float: right;padding: 10px 0 10px 0;} .top_header .topb{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid white;font-size:14px;} .top_header .topb{float:left;color:white;position:relative;} .top_header .topb a{color:white;display:block;padding:0;font-size:16px;line-height:45px;} .top_header .topb.registration a{font-size:22px;} .top_header .topb a{display:block;width:100%;} .top_header .topb a:hover{color:#ff9900;} .top_header .topb.compare{padding-right:20px;} .top_header .topb.compare a i{font-size:18px;} .top_header .topb.whishlist{padding-left:7px;} .top_header .topb.whishlist a i{font-size:20px;} .top_header .topb.cabinet a i{font-size:18px;} .top_header .topb .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} .top_header .topb .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} .top_header #search_mini_form input{border:0px;color:white;background:none;outline:0;width:170px;} .top_header .topb #search_mini_form button{position:absolute;right:0px;top:12px;background:none;outline:0;border:0;color:white;cursor:pointer;font-size:16px;} .top_header .topb #search_mini_form button:hover{color:#ff9900;} .menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .top_header .header_auth {position: absolute;z-index: 3000; width: 300px;box-shadow:1px 1px 6px 3px rgba(0,0,0,0.3);right:0px;top:45px;} .top_header .header_auth form{background: white;padding:25px 25px 25px 25px;} .top_header .header_auth .header_auth_title{line-height:70px;width:100%;background:#ebebeb;font-weight:bold;font-size:21px;color:#29333d;text-align:left;padding:0 25px;text-transform:uppercase;} .top_header .header_auth .header_auth_text{font-size:15px;color:#29333d;text-align:left;line-height:20px;margin-bottom:20px;} .top_header .header_auth .header_auth_text .show-rules{color:#ff9900;display: inline;font-size: 14px;line-height: 20px;} .top_header .header_auth .mess.header_auth_text{font-size:14px;color:#b3b3b3;} .top_header .header_auth input{width:100%;background:#f4f4f4;border-radius:6px;line-height:40px;margin-bottom:10px;display:block;padding:0 10px;} .top_header .header_auth label.invalidInput{line-height:20px;text-align:left;display:block;color:red;margin-bottom:10px;margin-top:-10px;} .top_header .header_auth .pw_button.button_type_one{width:100%;display:block;float:none;margin-bottom:10px;text-align:center;padding:0;} .button_type_one{font-family:'PT Sans', sans-serif;} .button_type_one.hCallBackButton{width:165px;} .button_type_one.reg_button{display:block;} .top_header .header_auth .reg_button.button_type_two{width:100%;display:block;float:none;margin-bottom:0px;text-align:center;padding:0;} .top_header .header_auth .rcovery_button{display:block;text-align:left;font-size:15px;color:#29333d;line-height:20px;margin-top:15px;} .top_header .header_auth .rcovery_button:hover{text-decoration:underline;color:#29333d;} .top_header .header_autorization{display:none;} .top_header .header_autorization.active{} .top_header .header_registration{display:none;} .top_header .header_registration.active{} .rcovery_button{cursor:pointer;} .top_header .header_recovery{display:none;} .top_header .header_recovery.active{} .login_button .login_icon{font-size:16px;} .login_button:hover .login_icon{color:#ff9900;cursor:pointer;} .menu-button-lr{position:relative;padding-left:25px;} .menu-button-lr .fa{position:absolute;left:0;font-size:24px;} .menu-button-lr .fa-times{font-weight: normal; -moz-transform: rotate(-90deg) scale(0); -ms-transform: rotate(-90deg) scale(0); -o-transform: rotate(-90deg) scale(0); -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; top:17px; } .menu-button-lr .fa-bars{display: inline-block;font-weight: normal; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; top:18px; } .menu-button-lr.active .fa-bars{font-weight: normal; -moz-transform: rotate(-90deg) scale(0); -ms-transform: rotate(-90deg) scale(0); -o-transform: rotate(-90deg) scale(0); -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden;} .menu-button-lr.active .fa-times{display: inline-block;font-weight: normal; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible;} .menu-button-lr.active{color:#99c800;} .menu-button-lr .fa{margin-right:5px;}
замените на:
#header .top_right_header {float: left;} #header .topbt{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid #000000;font-size:14px;} #header .topbt{float:left;color:#29333d;position:relative;} #header .topbt.cabinet {border: none;margin-left: 15px;} #header .topbt.cabinet i {display: inline-block;vertical-align: middle;margin-right: 10px;padding: 13px;color: #ffffff;background: #000000;} #header .topbt.cabinet ul{list-style: none;display: inline-block;vertical-align: middle;text-align: left;} #header .topbt.cabinet ul li a {line-height: 20px;} #header .topbt a{color:#29333d;display:block;padding:0;font-size:16px;line-height:45px;} #header .topbt.registration a{font-size:22px;} #header .topbt a{display:block;width:100%;} #header .topbt a:hover{color:#ff9900;} #header .topbt.compare{padding-right:20px;} #header .topbt.compare a i{font-size:18px;} #header .topbt.whishlist{padding-left:7px;} #header .topbt.whishlist a i{font-size:20px;} #header .topbt.cabinet a i{font-size:18px;} #header .topbt .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} #header .topbt .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} .search{width:70%; margin: 10px 20px;clear: both;border: 2px solid #343834;padding: 10px;} #search_mini_form {position: relative;width: 100%;} #search_mini_form input{border:0px;color:#ff9200;background:none;outline:0;width:100%;} #search_mini_form button{position:absolute;right:0px;top:0;background:none;outline:0;border:0;color:#ff9200;cursor:pointer;font-size:16px;} #search_mini_form button:hover{color:#ff9900;} .sales_but {list-style: none;margin: 10px 0;} .sales_but li {display: inline-block; margin-right: 20px;width:60px;} .sales_but li i {color: #ff9900; display: inline-block;vertical-align: middle;} .sales_but li a {display: inline-block;width: calc(100% - 20px);vertical-align: middle;padding-left: 10px;}
далее найдите:
/*header*/ .rightHeader{max-width:800px;}
замените на:
/*header*/ .rightHeader{width:calc(100% - 300px);}
далее найдите:
.headerButtons{margin:46px 0;height:40px;float:right;}
замените на:
.headerButtons{margin:46px 0;float:right;}
#5
Отправлено 31 Январь 2019 - 22:07
Vaccina (30 Январь 2019 - 04:18) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div id="header"> <div class="top_header"> <div class="mainwidth"> <div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div> <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> <div class="top_right_header"> {% IF CLIENT_IS_LOGIN %} <div class="whishlist topb hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div> {% ENDIF %} {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare topb hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div> {%ENDIF%} {%IF CLIENT_IS_LOGIN%} <div class="cabinet topb hires"> <a href="{USER_LOGIN_URL}" title="Личный кабинет"> <i class="fa fa-user-o"></i> </a> </div> {%ELSE%} <div class="cabinet topb hires login_button"> <div class="login_icon" title="Авторизация"><i class="fa fa-user-o"></i></div> <div class="header_auth header_autorization" > <div class="header_auth_title">Аккаунт</div> <form action="{USER_LOGIN_URL}" method="post" class="clientForm"> <div class="header_auth_text"> Если вы уже имеете аккаунт у нас, пожалуйста, входите. </div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="from" value="{FROM}" /> <div class=""> <div class="regField"> <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" placeholder="E-mail *" maxlength="255" class="input-text required email" /> </div> <div class="regField"> <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" placeholder="Пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> </div> <div class="reg_buttons"> <button type="submit" class="button pw_button button_type_one" title="Login" name="send" id="send2" style="padding:0">Войти</button> <div class="reg_button reg_form button_type_two registration_button">Зарегистрироваться</div> <div class="rcovery_button">Забыли пароль?</div> <div class="clear"></div> </div> </form> </div> <div class="header_auth header_registration"> <div class="header_auth_title">Регистрация</div> <form action="{USER_REGISTER_URL}" method="post" class="clientForm registration_form"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <input type="hidden" name="from" value="{FROM}" /> <div class="reg_content"> <div class="regField"> <input id="reg_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_NAME}]" placeholder="Представьтесь, пожалуйста *" value="{FORM_SITES_CLIENT_NAME}" maxlength="100" class="required input-text"/> </div> <div class="regField"> <input id="sites_client_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PHONE}]" placeholder="Телефон для связи *" value="{FORM_SITES_CLIENT_PHONE}" maxlength="255" class="required input-text"/> </div> <div class="regField"> <input id="sites_client_mail2" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_MAIL}]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email input-text"/> </div> <div class="regField"> <input id="sites_client_pass2" type="password" name="form[{ANTISPAM_FORM_FIELD_NAME_SITES_CLIENT_PASS}]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" placeholder="Придумайте пароль *" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> <div class="mess header_auth_text">Нажимая на кнопку Зарегистрироваться, Вы соглашаетесь с <a class="show-rules">правилами обработки данных</a></div> <div class="reg_buttons"> <button type="submit" title="Зарегистрироваться" class="button pw_button button_type_one reg_fields_check_and_submit">Зарегистрироваться</button> <div class="login_button_in_reg reg_button reg_form button_type_two">Войти</div> </div> <div class="clear"></div> </div> </form> </div> <div class="header_auth header_recovery"> <div class="header_auth_title">Аккаунт</div> <form action="{USER_RECOVERY_URL}" method="post" class="clientForm"> <input type="hidden" name="hash" value="{HASH}" /> <div class="regContent"> <div class="regField"> <input id="sites_client_mail3" type="text" name="form[sites_client_mail]" placeholder="Электронная почта *" value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="input-text required email"/> </div> <div class="regField"> <input id="sites_client_pass3" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" placeholder="Придумайте новый пароль *" maxlength="50" minlength="6" class="input-text required" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/> <label class="invalidInput" id="caps_lock">Caps Lock включен.</label> </div> <div class="reg_buttons"> <button type="submit" title="Submit" class="button pw_button button_type_one">Восстановить</button> <div class="login_recovery_button reg_button reg_form button_type_two" href="{USER_LOGIN_URL}">Вход с паролем</div> </div> </div> </form> </div> </div> {%ENDIF%} <div class="search topb"> <div class="search-open-content"> <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = '';"/> <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button> </form> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="mainwidth"> <div class="logo mainlogo"> <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a> </div> <div class="rightHeader"> <div class="clear"></div> <div class="headerButtons"> {%IF SETTINGS_STORE_EMAIL_MAIN%} <div class="header-email topb"> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} <div class="hPhone topb"> {% 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-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1} {SETTINGS_STORE_PHONE_NUMBER1} </a> </div> {% ENDIF %} {%IF SETTINGS_STORE_EMAIL_MAIN%} <div> <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} </div> <div class="hCallBack topb"> <div class="hCallBackButton button_type_one"><span class="text">Заказать звонок</span><span class="icon icon-phone"></span></div> </div> <div class="cart topb"> <a href="{CART_URL}"> <span class="fa fa-shopping-cart"></span> <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span> <div class="text">Корзина</div> {%IF cart_sum_empty%} <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div> {%ELSE%} {% FOR cart_sum %} <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div> {% ENDFOR %} {%ENDIF%} </a> <div class="hover_cart_content"> {% IF cart_count_empty %} <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div> </div> {% ELSE %} <div class="hidden_cart_content"> <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %} {cart_items.ORDER_LINE_QUANTITY} x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> </div> {% ENDIF %} </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div>
замените на:
<div id="header"> <div class="top_header"> <div class="mainwidth"> <div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div> <ul class="menu" itemscope itemtype="https://schema.org/SiteNavigationElement"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li class="clear"></li> </ul> <div class="clear"></div> </div> </div> <div class="mainwidth"> <div class="logo mainlogo"> <a href="//{NET_DOMAIN}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=vegan"/></a> </div> <div class="rightHeader"> <div class="clear"></div> <div class="headerButtons"> {%IF SETTINGS_STORE_EMAIL_MAIN%} <div class="header-email topb"> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} <div class="hPhone topb"> {% 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-square"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1} {SETTINGS_STORE_PHONE_NUMBER1} </a> </div> {% ENDIF %} {%IF SETTINGS_STORE_EMAIL_MAIN%} <div> <a class="main_email" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}" title="Свяжитесь с нами по электронной почте"><i class="fa fa-envelope"></i>{SETTINGS_STORE_EMAIL_MAIN}</a> </div> {%ENDIF%} </div> <div class="top_right_header"> <div class="cabinet topbt hires"> <i class="fa fa-user-o"></i> <ul> {% IF CLIENT_IS_LOGIN %} <li><a href="{USER_SETTINGS_URL}">ЛК</a></li> <li><a href="{USER_LOGOUT_URL}">Выход</a></li> {%ELSE%} <li><a href="{USER_LOGIN_URL}">Войти</a></li> <li><a href="{USER_REGISTER_URL}">Регистрация</a></li> {%ENDIF%} </ul> </div> </div> <div class="cart topb"> <a href="{CART_URL}"> <span class="fa fa-shopping-cart"></span> <span class="cart_count"><span class="cart_count_num">{CART_COUNT_TOTAL}</span></span> <div class="text">Корзина</div> {%IF cart_sum_empty%} <div class="visible total-sum"><span class="sum_num">0</span> {CURRENCY_NAME}</div> {%ELSE%} {% FOR cart_sum %} <div class="visible total-sum"><span class="sum_num">{cart_sum.NOW}</span> {CURRENCY_NAME}</div> {% ENDFOR %} {%ENDIF%} </a> <div class="hover_cart_content"> {% IF cart_count_empty %} <div class="hidden_cart_content"><div class="empty_text">Корзина покупок пуста <br/> Вы можете выбрать товар из <a class="cart_anch" href="{CATALOG_URL}">каталога</a> </div> </div> {% ELSE %} <div class="hidden_cart_content"> <ul class="cart-products-list"> {% FOR cart_items %} <li class="cart-item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"><span class="fa fa-times"></span></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=sport{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p> {% IFNOT cart_items.distinctive_properties_empty %}<p class="product-mod"><span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span></p>{% ENDIF %} {cart_items.ORDER_LINE_QUANTITY} x <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="cart_total_sum">Итого к оплате: <span class="total-sum">{cart_sum.NOW | money_format}</span></div> {% ENDFOR %} <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a> <a class="button products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a> </div> {% ENDIF %} </div> </div> <div class="top_right_header"> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="compare topbt hires"><a href="{COMPARE_URL}"> <i class="fa fa-clone"></i> <span class="compare_goods_count"><span class="compare_goods_count_num">{COMPARE_GOODS_COUNT}</span></span></a></div> {%ENDIF%} {% IF CLIENT_IS_LOGIN %} <div class="whishlist topbt hires"><a href="{FAVORITES_URL}"> <i class="fa fa-heart-o"></i> <span class="favorites_goods_count"><span class="favorites_goods_count_num">{FAVORITES_GOODS_COUNT}</span></span></a></div> {% ENDIF %} </div> <div class="clear"></div> <div class="search topb"> <div class="search-open-content"> <form id="search_mini_form" action="//{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" onclick="this.value = '';"/> <button title="Искать" type="submit" value="Поиск" class="button-search"><i class="fa fa-search"></i></button> </form> </div> </div> <ul class="sales_but topb"> <li><i class="fa fa-percent"></i><a href="/discount">Акции</a></li> <li><i class="fa fa-star"></i><a href="{CATALOG_TOP_SALES_URL}">Лидеры продаж</a></li> </ul> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div>
далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .top_right_header {float: right;padding: 10px 0 10px 0;} .top_header .topb{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid white;font-size:14px;} .top_header .topb{float:left;color:white;position:relative;} .top_header .topb a{color:white;display:block;padding:0;font-size:16px;line-height:45px;} .top_header .topb.registration a{font-size:22px;} .top_header .topb a{display:block;width:100%;} .top_header .topb a:hover{color:#ff9900;} .top_header .topb.compare{padding-right:20px;} .top_header .topb.compare a i{font-size:18px;} .top_header .topb.whishlist{padding-left:7px;} .top_header .topb.whishlist a i{font-size:20px;} .top_header .topb.cabinet a i{font-size:18px;} .top_header .topb .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} .top_header .topb .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} .top_header #search_mini_form input{border:0px;color:white;background:none;outline:0;width:170px;} .top_header .topb #search_mini_form button{position:absolute;right:0px;top:12px;background:none;outline:0;border:0;color:white;cursor:pointer;font-size:16px;} .top_header .topb #search_mini_form button:hover{color:#ff9900;} .menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .top_header .header_auth {position: absolute;z-index: 3000; width: 300px;box-shadow:1px 1px 6px 3px rgba(0,0,0,0.3);right:0px;top:45px;} .top_header .header_auth form{background: white;padding:25px 25px 25px 25px;} .top_header .header_auth .header_auth_title{line-height:70px;width:100%;background:#ebebeb;font-weight:bold;font-size:21px;color:#29333d;text-align:left;padding:0 25px;text-transform:uppercase;} .top_header .header_auth .header_auth_text{font-size:15px;color:#29333d;text-align:left;line-height:20px;margin-bottom:20px;} .top_header .header_auth .header_auth_text .show-rules{color:#ff9900;display: inline;font-size: 14px;line-height: 20px;} .top_header .header_auth .mess.header_auth_text{font-size:14px;color:#b3b3b3;} .top_header .header_auth input{width:100%;background:#f4f4f4;border-radius:6px;line-height:40px;margin-bottom:10px;display:block;padding:0 10px;} .top_header .header_auth label.invalidInput{line-height:20px;text-align:left;display:block;color:red;margin-bottom:10px;margin-top:-10px;} .top_header .header_auth .pw_button.button_type_one{width:100%;display:block;float:none;margin-bottom:10px;text-align:center;padding:0;} .button_type_one{font-family:'PT Sans', sans-serif;} .button_type_one.hCallBackButton{width:165px;} .button_type_one.reg_button{display:block;} .top_header .header_auth .reg_button.button_type_two{width:100%;display:block;float:none;margin-bottom:0px;text-align:center;padding:0;} .top_header .header_auth .rcovery_button{display:block;text-align:left;font-size:15px;color:#29333d;line-height:20px;margin-top:15px;} .top_header .header_auth .rcovery_button:hover{text-decoration:underline;color:#29333d;} .top_header .header_autorization{display:none;} .top_header .header_autorization.active{} .top_header .header_registration{display:none;} .top_header .header_registration.active{} .rcovery_button{cursor:pointer;} .top_header .header_recovery{display:none;} .top_header .header_recovery.active{} .login_button .login_icon{font-size:16px;} .login_button:hover .login_icon{color:#ff9900;cursor:pointer;} .menu-button-lr{position:relative;padding-left:25px;} .menu-button-lr .fa{position:absolute;left:0;font-size:24px;} .menu-button-lr .fa-times{font-weight: normal; -moz-transform: rotate(-90deg) scale(0); -ms-transform: rotate(-90deg) scale(0); -o-transform: rotate(-90deg) scale(0); -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden; top:17px; } .menu-button-lr .fa-bars{display: inline-block;font-weight: normal; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; top:18px; } .menu-button-lr.active .fa-bars{font-weight: normal; -moz-transform: rotate(-90deg) scale(0); -ms-transform: rotate(-90deg) scale(0); -o-transform: rotate(-90deg) scale(0); -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); opacity: 0; visibility: hidden;} .menu-button-lr.active .fa-times{display: inline-block;font-weight: normal; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; visibility: visible;} .menu-button-lr.active{color:#99c800;} .menu-button-lr .fa{margin-right:5px;}
замените на:
#header .top_right_header {float: left;} #header .topbt{height:40px;min-width:60px;padding:0px 15px;line-height:40px;text-align:center;border-left:1px solid #000000;font-size:14px;} #header .topbt{float:left;color:#29333d;position:relative;} #header .topbt.cabinet {border: none;margin-left: 15px;} #header .topbt.cabinet i {display: inline-block;vertical-align: middle;margin-right: 10px;padding: 13px;color: #ffffff;background: #000000;} #header .topbt.cabinet ul{list-style: none;display: inline-block;vertical-align: middle;text-align: left;} #header .topbt.cabinet ul li a {line-height: 20px;} #header .topbt a{color:#29333d;display:block;padding:0;font-size:16px;line-height:45px;} #header .topbt.registration a{font-size:22px;} #header .topbt a{display:block;width:100%;} #header .topbt a:hover{color:#ff9900;} #header .topbt.compare{padding-right:20px;} #header .topbt.compare a i{font-size:18px;} #header .topbt.whishlist{padding-left:7px;} #header .topbt.whishlist a i{font-size:20px;} #header .topbt.cabinet a i{font-size:18px;} #header .topbt .favorites_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} #header .topbt .compare_goods_count{position: absolute;top: 18px;right: 12px;line-height: 0;font-size:14px;} .search{width:70%; margin: 10px 20px;clear: both;border: 2px solid #343834;padding: 10px;} #search_mini_form {position: relative;width: 100%;} #search_mini_form input{border:0px;color:#ff9200;background:none;outline:0;width:100%;} #search_mini_form button{position:absolute;right:0px;top:0;background:none;outline:0;border:0;color:#ff9200;cursor:pointer;font-size:16px;} #search_mini_form button:hover{color:#ff9900;} .sales_but {list-style: none;margin: 10px 0;} .sales_but li {display: inline-block; margin-right: 20px;width:60px;} .sales_but li i {color: #ff9900; display: inline-block;vertical-align: middle;} .sales_but li a {display: inline-block;width: calc(100% - 20px);vertical-align: middle;padding-left: 10px;}
далее найдите:
/*header*/ .rightHeader{max-width:800px;}
замените на:
/*header*/ .rightHeader{width:calc(100% - 300px);}
далее найдите:
.headerButtons{margin:46px 0;height:40px;float:right;}
замените на:
.headerButtons{margin:46px 0;float:right;}Мы рады видеть Вас .png
Изменения внесли, но почему-то не совсем все получилось((( вот скрин http://prntscr.com/mewibn
#6
Отправлено 02 Февраль 2019 - 03:29
Email добавьте в разделе Настройки - Основные.
Иконка "Избранное" доступно только зарегистрированным клиентам.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.headerButtons{margin:46px 0;float:right;}
замените на:
.headerButtons{margin:46px 0;}
#7
Отправлено 11 Февраль 2019 - 00:36
Vaccina (02 Февраль 2019 - 03:29) писал:
Email добавьте в разделе Настройки - Основные.
Основные настройки интернет магазина.png
Иконка "Избранное" доступно только зарегистрированным клиентам.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.headerButtons{margin:46px 0;float:right;}
замените на:
.headerButtons{margin:46px 0;}
Спасибо!
А можно в мобильных версиях тоже внести правки? http://prntscr.com/mjadg6
1. Почему то не видно верхнее меню.
2. Можно упорядочить блок где телефон, поиск и т.д? Сделать ровными и чтобы не залезали друг на друга
#8
Отправлено 11 Февраль 2019 - 06:25
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .menu {float: none;width: 200px;background: white;position: absolute;height: auto;top: 55px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);z-index:1000;padding:15px 20px;display:none;} .top_header .menu.active{display:block;} .top_header .menu li{display:block;width:100%;float:none;border-bottom:1px solid #ececec;line-height:40px;} .top_header .menu li a{color:#343834;font-size:14px;}
замените на:
.top_header .mainwidth {width: 100%;} .top_header .menu {float: none;height: auto;padding:5px 20px;line-height: 30px;} .top_header .menu li {float: none; display: inline-block;} .top_header .menu a {text-transform: none !important;}
далее найдите:
.headerButtons .hPhone.topb a{line-height:20px;font-size:19px;} .headerButtons .hPhone.topb .main_email{font-size:16px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .headerButtons .header-email.topb{display:none;width:220px;} .headerButtons .hPhone.topb{width:225px;margin-left:0;} .cart.topb{width:55px;margin-left:10px;}
замените на:
.headerButtons .hPhone.topb {margin: 0 auto 10px;text-align:center;float: none;} .headerButtons .hPhone.topb a{line-height:20px;font-size:13px;} .headerButtons .hPhone.topb .main_email{margin-left: 10px;font-size:13px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .headerButtons .header-email.topb{display:none;width:220px;} .headerButtons .hPhone.topb{margin-left:0;} .headerButtons .hPhone.topb div {display: inline-block;vertical-align: middle;} .top_right_header{margin-bottom:10px;} #header .topbt.cabinet {margin: 0;padding-left: 0;} .cart.topb{width:55px;margin-left:10px;}
#9
Отправлено 15 Февраль 2019 - 13:25
SL-469779
хотел бы зеленый цвет заменить на голубой или прозрачный синий на всех страницах. и как можно использовать картину для фона?
#11
Отправлено 16 Февраль 2019 - 16:37
Vaccina (11 Февраль 2019 - 06:25) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.top_header .menu {float: none;width: 200px;background: white;position: absolute;height: auto;top: 55px;box-shadow:1px 1px 4px 2px rgba(0,0,0,0.1);z-index:1000;padding:15px 20px;display:none;} .top_header .menu.active{display:block;} .top_header .menu li{display:block;width:100%;float:none;border-bottom:1px solid #ececec;line-height:40px;} .top_header .menu li a{color:#343834;font-size:14px;}
замените на:
.top_header .mainwidth {width: 100%;} .top_header .menu {float: none;height: auto;padding:5px 20px;line-height: 30px;} .top_header .menu li {float: none; display: inline-block;} .top_header .menu a {text-transform: none !important;}
далее найдите:
.headerButtons .hPhone.topb a{line-height:20px;font-size:19px;} .headerButtons .hPhone.topb .main_email{font-size:16px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .headerButtons .header-email.topb{display:none;width:220px;} .headerButtons .hPhone.topb{width:225px;margin-left:0;} .cart.topb{width:55px;margin-left:10px;}
замените на:
.headerButtons .hPhone.topb {margin: 0 auto 10px;text-align:center;float: none;} .headerButtons .hPhone.topb a{line-height:20px;font-size:13px;} .headerButtons .hPhone.topb .main_email{margin-left: 10px;font-size:13px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .headerButtons .header-email.topb{display:none;width:220px;} .headerButtons .hPhone.topb{margin-left:0;} .headerButtons .hPhone.topb div {display: inline-block;vertical-align: middle;} .top_right_header{margin-bottom:10px;} #header .topbt.cabinet {margin: 0;padding-left: 0;} .cart.topb{width:55px;margin-left:10px;}
Вроде получилось, спасибо))
Правда вот верхнее меню не появилось в моб версиях
1. http://prntscr.com/mlwdyp можно сделать менюшку такую для моб версии?
2. а тут http://prntscr.com/mlwehv растянуть на одинаковом расстоянии по всей ширине?
#12
Отправлено 19 Февраль 2019 - 05:57
evostrykov (15 Февраль 2019 - 13:25) писал:
SL-469779
хотел бы зеленый цвет заменить на голубой или прозрачный синий на всех страницах. и как можно использовать картину для фона?
Здравствуйте.
На данный момент цвет фона у вас изменен, уточните пожалуйста, остались ли у вас актуальные вопросы?
Ribka (16 Февраль 2019 - 16:37) писал:
Правда вот верхнее меню не появилось в моб версиях
1. http://prntscr.com/mlwdyp можно сделать менюшку такую для моб версии?
2. а тут http://prntscr.com/mlwehv растянуть на одинаковом расстоянии по всей ширине?
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- <div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div> -->
замените на:
<div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div>
далее зайдите в main.css - найдите:
.top_header .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;} .top_header .menu li a:hover{text-decoration:underline;}
после него пропишите:
.menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .menu-button-lr .fa-times{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;top:17px;} .menu-button-lr .fa-bars{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;top:18px;} .menu-button-lr.active .fa-bars{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;} .menu-button-lr.active .fa-times{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;} .menu-button-lr.active{color:#99c800;} .menu-button-lr .fa{margin-right:5px;}
#13
Отправлено 02 Март 2019 - 15:48
Vaccina (19 Февраль 2019 - 05:57) писал:
На данный момент цвет фона у вас изменен, уточните пожалуйста, остались ли у вас актуальные вопросы?
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- <div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div> -->
замените на:
<div class="menu-button-lr"> <span class="fa fa-bars"></span> <span class="fa fa-times"></span> <span class="text">Меню</span> </div>
далее зайдите в main.css - найдите:
.top_header .menu li a{color:white;font-size:14px;display:block;text-transform:uppercase;} .top_header .menu li a:hover{text-decoration:underline;}
после него пропишите:
.menu-button-lr{color:white;font-size:16px;float:left;line-height:60px;text-transform:uppercase;display:none;cursor:pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .menu-button-lr .fa-times{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;top:17px;} .menu-button-lr .fa-bars{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;top:18px;} .menu-button-lr.active .fa-bars{font-weight: normal;-moz-transform: rotate(-90deg) scale(0);-ms-transform: rotate(-90deg) scale(0);-o-transform: rotate(-90deg) scale(0);-webkit-transform: rotate(-90deg) scale(0);transform: rotate(-90deg) scale(0);opacity: 0;visibility: hidden;} .menu-button-lr.active .fa-times{display: inline-block;font-weight: normal;-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;visibility: visible;} .menu-button-lr.active{color:#99c800;} .menu-button-lr .fa{margin-right:5px;}
Спасибо!
Все получилось, кроме первого "1. http://prntscr.com/mlwdyp можно сделать менюшку такую для моб версии?"
#15
Отправлено 25 Март 2019 - 11:26
1. Сделать поиск рядом с лого, с закругленными краями
2. Перенести номер телефона, сделать под логотипом.
3. Перенести e-mail под телефон
4. Удалить личный кабинет и сравнение
5. Удалить верхний header
6. Удалить на слайдере стрелки и сделать так, чтобы слайд крутился сам постоянно
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных