Изменения В Шапке На Главной
#1
Отправлено 05 Октябрь 2016 - 21:42
#2
Отправлено 06 Октябрь 2016 - 15:04
Mashenka (05 Октябрь 2016 - 21:42) писал:
1)чтобы увеличить поиск в файле main.css найдите блок
.form-search input.search-string { height: 26px; line-height: 26px; font-size: 12px; border: 1px solid #dddddd; background: #fff; min-width: 200px; color: #6f6f6f; padding: 0 10px; border-radius: 20px; margin-bottom: 5px; vertical-align: middle; width: 95%; }и замените его на
.form-search input.search-string { height: 38px; line-height: 26px; font-size: 12px; border: 1px solid #dddddd; background: #fff; min-width: 200px; color: #6f6f6f; padding: 0 10px; border-radius: 20px; margin-bottom: 5px; vertical-align: middle; width: 95%; }Далее в том же файле найдите блок
.form-search { float: right; position: relative; padding: 0 7px; line-height: 47px; width: 200px; }и замените его на
.form-search { float: inherit; position: relative; padding: 0 7px; line-height: 47px; width: 200px; }2)Чтобы убрать почту из шапки Вам необходимо в шаблоне HTML найти блок
{% IF SETTINGS_STORE_EMAIL_MAIN %} <div class="block-email-title rhombus"> <i class="fa fa-envelope" title="Меню"> </i> </div> <div class="block-email-contact"> <span class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span> </div> {% ENDIF %}и удалить его
3) Чтобы уставовить кнопку Обратный звонок Вам необходимо в шаблоне HTML найти строку
</head>и перед ней вставить код
<!-- Обратный звонок в шапке --> <script> $(".callback > a.button").fancybox({ 'hideOnContentClick': true, 'title': false }); </script> <!-- /END Обратный звонок в шапке -->Далее находим строки
<!-- Корзина --> <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">и перед ними вставляем блок
<!-- Обратный звонок --> <div class="block callback"> <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a> <div id="fancybox-callback" style="display:none"> <h4 class="title">Обратный звонок</h4> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off"> </div> <div class="callback-input"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off"> </div> <button type="submit" title="Отправить" class="button button3">Отправить</button> </form> </div> </div>
4) По поводу вертикального меню я Вас не совсем поняла, поскольку у Вас сейчас там выводится меню сайта, а не каталог. Редактировать верхнее меню Вы можете в разделе Сайт-> Меню. Уточните, пожалуйста, данный вопрос чтобы мы могли прислать Вам инструкцию.
#3
Отправлено 07 Октябрь 2016 - 13:38
Сбоку оставить меню каталога (кроме главной страницы - можно как-нибудь убрать на главное?), а сверху сделать меню сайта (главная, доставка, каталог, корзина, контакты, статьи).
Подскажите еще пожалуйста как режим работы под телефоном поставить и значки "сравнить" и "корзина" заменить на надписи со значками (как в шаблоне рассвет).
#4
Отправлено 07 Октябрь 2016 - 14:08
#5
Отправлено 07 Октябрь 2016 - 15:33
Mashenka (07 Октябрь 2016 - 13:38) писал:
Сбоку оставить меню каталога (кроме главной страницы - можно как-нибудь убрать на главное?), а сверху сделать меню сайта (главная, доставка, каталог, корзина, контакты, статьи).
Подскажите еще пожалуйста как режим работы под телефоном поставить и значки "сравнить" и "корзина" заменить на надписи со значками (как в шаблоне рассвет).
1. Что бы перенести главное меню, найдите в шаблоне hTML
<div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> <div class="col-right col-sm-10 col-xs-3"> <!-- BEGIN: Main Navigation -->замените на
<div class="col-left col-sm-2 col-xs-9"> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=summer" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div> <div class="col-right col-sm-10 col-xs-3"> <div class="main_menu"> <ul class="block-menu-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <!-- BEGIN: Main Navigation -->
далее найдите в файле main.css
.jssora21ldn { background-position: -243px -33px; } .jssora21rdn { background-position: -303px -33px; }
и после вставьте код
.main_menu {position: static;z-index: 1;line-height: 75px;} .main_menu .block-menu-links {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;} .main_menu .block-menu-links li a:hover {color: #620337;} .main_menu .block-menu-links > li {float: left;} .main_menu .block-menu-links > li > a {display: block;position: relative;color: #000;line-height: 40px;margin-right: 20px;padding: 0 3px;font-size: 16px;font-weight: normal;text-transform: uppercase;} .main_menu .block-menu-links > li > a:after {position: absolute;content: "";background: #620337;left: 0;top: 0;right: 0;line-height: 0;height: 4px;width: 4px;margin: auto;z-index: 9;opacity: 0;filter: alpha(opacity=0);-webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s;transition: width 0.5s ease 0s, height 0.5s ease 0s;} .main_menu .block-menu-links > li > a:hover:after {opacity: 1;filter: alpha(opacity=100);width: 100%;} .main_menu .block-menu-links > li.parent > a {padding-right: 15px;} .main_menu .block-menu-links > li.parent > a:before {content: "\f107";position: absolute;font-family: fontawesome;font-size: 13px;right: 0px;} .main_menu .block-menu-links li .dropdown-menu {display: none;position: absolute;width:100%;left: 0;border-bottom: 5px solid #8C2C29;background: #fff;z-index: 999;padding: 15px;} .main_menu .block-menu-links li.parent:hover .dropdown-menu {display: block;} .main_menu .block-menu-links li.level1 {width: 25%;float: left;padding: 0 15px;} .main_menu .block-menu-links li a.title-lv1 {display: block;font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;} .main_menu .block-menu-links li a.title-lv1:hover {color: #8C2C29;} .main_menu .block-menu-links li a.title-lv2 {display: block;position: relative;text-transform: capitalize;padding: 7px 0 7px 15px;} .main_menu .block-menu-links li a.title-lv2:before {content: "\f105";position: absolute;font-family: fontawesome;font-size: 14px;left: 0px;line-height: 20px;}
далее найдите в файле main.css
@media all and (max-width: 767px) {замените на
.header-top .block-menu { display: none; } @media all and (max-width: 767px) { .header-top .block-menu { display: block;} .main_menu {display: none;}
Что бы отобразить корректно обратный звонок, добавьте в конец файла main.css
.block.callback { position: relative; cursor: pointer; float: left; } .block.callback a { background-color: #18bd9c; color: #fff; outline: 0; }
Что бы изменить корзину и блок сравнения, найдите в шаблоне HTML
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}"> <div class="compare-title rhombus"> <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти в корзину"> </i> </a> <span class="compare-count">{COMPARE_GOODS_COUNT}</span> </div>замените на
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = compare %}compare-page{% ENDIF %}"> <div class="compare-title rhombus"> <a href="{COMPARE_URL}"><i class="fa fa-retweet" title="Перейти в корзину"> </i> </a> <span class="hide">СРАВНЕНИЕ</span> <span class="compare-count">{COMPARE_GOODS_COUNT}</span> </div>
далее найдите в шаблоне
<div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="cart-title rhombus"> <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a> <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span> </div>замените на
<div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="cart-title rhombus"> <a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a> <span class="hide">КОРЗИНА</span> <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span> </div>
#6
Отправлено 08 Октябрь 2016 - 10:26
#7
Отправлено 08 Октябрь 2016 - 10:33
И личный кабинет желательно убрать и на главной меню каталога слева убрать
#8
Отправлено 08 Октябрь 2016 - 12:37
Mashenka (08 Октябрь 2016 - 10:33) писал:
И личный кабинет желательно убрать и на главной меню каталога слева убрать
Здравствуйте.
1) Чтобы поправить надписи:
в файле main.css
найдите блок (221 строка)
/* Личный кабинет */ .block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center;}замените на
.block-account, .block-cart, .block-compare {float: right;position: relative;padding: 0 7px;line-height: 47px;text-align: center; margin-right: 70px;}
Далее перед
/* Корзина */
добавьте следующий код
.block-compare .hide, .block-cart .hide {position: absolute; top: 0; left: 115%;}
2) Чтобы поправить кнопку обратной связи:
в файле main.css
найдите
.block.callback { position: relative; cursor: pointer; float: left; }замените на
.block.callback { position: relative; cursor: pointer; float: left; margin-top: 5px; margin-left: 8px; }
3)Чтобы убрать личный кабинет в шапке:
в самом конце файла main.css добавьте
#header .block-account {display: none;}
4)Чтобы убрать меню каталога
в самом конце файла main.css добавьте
.header-middle #custommenu {display: none;}
#9
Отправлено 10 Октябрь 2016 - 13:21
И подскажите пожалуйста как можно поменять цвет и стиль шрифта меню и каталога
#10
Отправлено 10 Октябрь 2016 - 13:35
Mashenka (10 Октябрь 2016 - 13:21) писал:
И подскажите пожалуйста как можно поменять цвет и стиль шрифта меню и каталога
Здравствуйте, в файле main.css у вас не совсем верно вставлен код, найдите строки:
.block.callback a { background-color: #18bd9c; color: #fff; outline: 0; #header .block-account {display: none;} .header-middle #custommenu {display: none;}
Замените их на:
.block.callback a { background-color: #18bd9c; color: #fff; outline: 0; } #header .block-account {display: none;} .header-middle #custommenu {display: none;}
#11
Отправлено 11 Октябрь 2016 - 14:46
И можно убрать каталог товаров с главной страницы (слева)?
#12
Отправлено 11 Октябрь 2016 - 14:50
Mashenka (11 Октябрь 2016 - 14:46) писал:
И можно убрать каталог товаров с главной страницы (слева)?
Здравствуйте, объясните подробней, в какие именно места вы хотите переместить элементы.
По возможности приложите скриншот с отметками, что и где должно находиться.
#13
Отправлено 11 Октябрь 2016 - 16:41
#15
Отправлено 11 Октябрь 2016 - 17:37
Спасибо Вам большое за помощь
#17
Отправлено 11 Октябрь 2016 - 18:31
Извините, что достаю Вас
#19
Отправлено 12 Октябрь 2016 - 13:33
#20
Отправлено 02 Ноябрь 2016 - 20:08
И еще подскажите пожалуйста, как сделать логотип на главной странице больше в два раза?
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных