Перейти к содержимому


Помогите Откорректировать Шапку, Пожалуйста

Верхнее меню Строка поиска Перемещение корзины Контакты

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 Shadelle

Shadelle

    Пользователь

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 02 Январь 2014 - 21:50

Здравствуйте, С новым годом Всех!
Помогите пожалуйста
1. Сделать вход регистрация сверху над логотипом
2. Переместить сравнение товаров и сделать их видимыми
3. Переместить корзину
4. Переместить поиск
5. Вставить контакты в шапку  
SL-256314

1.jpg сейчас вот так
2.jpg а хотелось бы вот так

#2 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 03 Январь 2014 - 13:44

 Shadelle (02 Январь 2014 - 21:50) писал:

Здравствуйте, С новым годом Всех!
Помогите пожалуйста
1. Сделать вход регистрация сверху над логотипом
2. Переместить сравнение товаров и сделать их видимыми
3. Переместить корзину
4. Переместить поиск
5. Вставить контакты в шапку  
SL-256314

1.jpg сейчас вот так
2.jpg а хотелось бы вот так
Здравствуйте.
Чтобы добавить кнопки авторизации над логотипом, в шаблоне 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" />&nbsp;<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 Shadelle

Shadelle

    Пользователь

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 03 Январь 2014 - 21:51

Огромное спасибо приспасибо Sengun! все получилось :wub:

#4 Konlino

Konlino

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 06 Сентябрь 2015 - 14:48

Подскажите, пожалуйста, как добавить в шапку только номер телефона и время работы? Для моего шаблона номер телефона должен быть выше меню, левее логотипа, правее формы поиска.

#5 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 06 Сентябрь 2015 - 15:27

 Konlino (06 Сентябрь 2015 - 14:48) писал:

Подскажите, пожалуйста, как добавить в шапку только номер телефона и время работы? Для моего шаблона номер телефона должен быть выше меню, левее логотипа, правее формы поиска.
Здравствуйте.
Не дублируйте пожалуйста вопросы, Вам отвечают в другой теме.

#6 Konlino

Konlino

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 89 сообщений
  • ГородХабаровск

Отправлено 09 Сентябрь 2015 - 03:00

 Danil (06 Сентябрь 2015 - 15:27) писал:

Здравствуйте.
Не дублируйте пожалуйста вопросы, Вам отвечают в другой теме.
Извеняюсь, немного попутал.





Темы с аналогичным тегами Верхнее меню, Строка поиска, Перемещение корзины, Контакты

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных