Здравствуйте, С новым годом Всех!
Помогите пожалуйста
1. Сделать вход регистрация сверху над логотипом
2. Переместить сравнение товаров и сделать их видимыми
3. Переместить корзину
4. Переместить поиск
5. Вставить контакты в шапку
SL-256314
сейчас вот так
а хотелось бы вот так
2
Помогите Откорректировать Шапку, Пожалуйста
Автор Shadelle, 02 янв. 2014 21:50
Верхнее меню Строка поиска Перемещение корзины Контакты
Сообщений в теме: 5
#1
Отправлено 02 Январь 2014 - 21:50
#2
Отправлено 03 Январь 2014 - 13:44
Shadelle (02 Январь 2014 - 21:50) писал:
Здравствуйте.
Чтобы добавить кнопки авторизации над логотипом, в шаблоне HTML вставьте такой код
<div id="authen"> {% IFNOT CLIENT_IS_LOGIN %} <a href="{USER_LOGIN_URL}">Вход</a> | <a href="{USER_REGISTER_URL}">Регистрация</a> {% ELSE %} <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> | <a href="{USER_LOGOUT_URL}">Выход</a> {% ENDIF %} </div>после строки
<div class="column full" id="header">А в конец style.css добавьте такой код
#authen { color: #7A7373; position: absolute; top: 15px; left: 3%; z-index: 31;} #authen a { text-decoration: none; color: #7A7373; } #authen a:hover { color: #000; }
Теперь поменяем поиск и корзину местами:
В шаблоне HTML вырежьте код
<!-- Корзина --> <div id="header_shopping_cart"> <div id="shopping_cart"> <a href="{CART_URL}" title="Перейти в корзину"> {% IF cart_count_empty %} <span class="ajax_cart_no_product">Корзина пуста</span> {% ELSE %} <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> {% ENDIF %} <span class="down_arrow_dark"></span> </a> </div> </div>вставьте его ниже, после строки
<!-- /Форма поиска -->обратите внимание на наклонную черту перед "Ф", не перепутайте строки.
И в шаблоне style.css замените
#search_block_top{position:static;float:right;margin:171px -171px 0 0}на это
#search_block_top{position:static;float:right;margin-top: 26px; clear: both;}эту строку
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;замените на такую
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin: 50px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;а в этом коде
#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;в самом конце замените 86px на 107px.
Эту строку
#header_shopping_cart{margin-top:21px;}замените на эту
#header_shopping_cart{margin-top:60px;}Так блок корзины будет чуть выше, чем надо, но когда перенесете блок сравнения товаров и вставите контакты, все встанет на свои места.
Сравнение товаров. В HTML код
<div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="menuCompare" style="visibility: hidden;"> <em>Ваш список сравнения пуст</em> </div> {% ELSE %} <div class="menuCompare"> <em>Вы <a href="{COMPARE_URL}">сравниваете</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br /> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>удалите, и в таком виде
<div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div class="menuCompare"> <em>Вы <a href="{COMPARE_URL}">сравниваете</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br /> </div> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>вставьте перед строкой
<!-- Блок навигации -->А в style.css замените
#header_user_info{color:rgb(122, 115, 115);font-size:12px;text-align:right;clear:both;margin-top:6px;padding:0;display:block;*height:18px;}на этот код
#header_user_info{color:rgb(122, 115, 115);font-size:12px;text-align:right;float: right;margin-top:34px;margin-right:20px;padding:0;display:block;*height:18px;}
И, наконец, вставим контакты. В шаблоне HTML вставьте код
<!-- Контактны --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts-header"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <br> <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDIF %} <!-- /Контактны -->перед строкой
<!-- Корзина -->и в конец style.css добавьте
.contacts-header { position: static; margin-top: 10px; float: left; clear:both;}
#3
Отправлено 03 Январь 2014 - 21:51
Огромное спасибо приспасибо Sengun! все получилось
#4
Отправлено 06 Сентябрь 2015 - 14:48
Подскажите, пожалуйста, как добавить в шапку только номер телефона и время работы? Для моего шаблона номер телефона должен быть выше меню, левее логотипа, правее формы поиска.
#5
Отправлено 06 Сентябрь 2015 - 15:27
Konlino (06 Сентябрь 2015 - 14:48) писал:
Подскажите, пожалуйста, как добавить в шапку только номер телефона и время работы? Для моего шаблона номер телефона должен быть выше меню, левее логотипа, правее формы поиска.
Не дублируйте пожалуйста вопросы, Вам отвечают в другой теме.
Темы с аналогичным тегами Верхнее меню, Строка поиска, Перемещение корзины, Контакты
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных