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


Доработки


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

#1 Ovottona

Ovottona

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

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

Отправлено 23 Январь 2016 - 10:18

Помогите, пожалуйста.
1. Поднять текст чуть выше, чтобы не было столько свободного места.

2. Сейчас значок с машинкой поставлен вместо значка Меню. Мне нужно машинку поменять на другой значок.
Рядом добавить слово "Меню"

3. Блок с доставкой, телефоном и почтой сдвинуть вправо.

4. Для доставки добавить дополнительный значок с машинкой.

Прилагаю скриншот.



5. При прокрутке сайта вниз, оставить верхнее меню с доставкой, телефоном, поиском и корзиной.
А скрывать верхний каталог.

Прикрепленные изображения

  • 2016-01-23 14-09-29 WOW-THAI.ru - для тех, кто любит себя баловать - Google Chrome.png


#2 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 23 Январь 2016 - 13:48

Просмотр сообщенияOvottona (23 Январь 2016 - 10:18) писал:

Помогите, пожалуйста.
1. Поднять текст чуть выше, чтобы не было столько свободного места.
2. Сейчас значок с машинкой поставлен вместо значка Меню. Мне нужно машинку поменять на другой значок.
Рядом добавить слово "Меню"
3. Блок с доставкой, телефоном и почтой сдвинуть вправо.
4. Для доставки добавить дополнительный значок с машинкой.
5. При прокрутке сайта вниз, оставить верхнее меню с доставкой, телефоном, поиском и корзиной.
А скрывать верхний каталог.

Здравствуйте!
1) В шаблоне html замените строку:
<div id="main" {% IF index_page %}style="top: -48px;position: relative;"{% ENDIF %}>
на:
<div id="main" {% IF index_page %}style="top: -90px;position: relative;"{% ENDIF %}>

2) В шаблоне html найдите строку:
<i class="fa fa-truck" title="Доставка и оплата">&nbsp;</i>
Здесь "fa-truck" - это название иконки.
Замените эту строку, например, на:
<i class="fa fa-home" title="Меню">&nbsp;</i>
Иконка сменится на "домик". Нужную иконку выберите по ссылке: http://fontawesome.ru/all-icons/
Нажав на нее, скопируйте название в эту строку кода.

Далее строку
<a href="http://wow-thai.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" > Доставка и оплата</a>
замените на:
<a href="http://wow-thai.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" >Меню</a>

1.jpg 2.jpg

4) В шаблоне html замените строку
<a href="http://wow-thai.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" > Доставка и оплата</a>
на:
<div class="block-menu">
			 <div class="block-menu-title rhombus">
				 <i class="fa fa-truck" title="Доставка и оплата">&nbsp;</i>
			 </div>
			 </div>
				 <a href="http://wow-thai.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" > &nbsp;Доставка и оплата</a>

затем после строк:
<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 class="info-menu">&nbsp;Меню </div>

5) В шаблоне main.css замените строку
.header-middle.keep-menu {background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);height: 80px;padding: 0;z-index: 100;position: fixed !important;top: 0 !important;}
на:
.header-top.keep-menu {height: 55px;z-index: 100;position: fixed !important;top: 0 !important;}

далее в шаблоне main.js замените блок кода:
// Функция фиксации шапки
jQuery(document).ready(function($){
if(getClientWidth() > 750){
	 if($('.header-middle')){
		 $('.header-middle').stick_in_parent({
			 sticky_class: 'keep-menu'
		 });
	 }
}
});
на:
// Функция фиксации шапки
jQuery(document).ready(function($){
if(getClientWidth() > 750){
	 if($('.header-top')){
		 $('.header-top').stick_in_parent({
			 sticky_class: 'keep-menu'
		 });
	 }
}
});


Теперь верхняя строка полностью заполнена. Уточните, нужно ли что-либо сдвигать, если да, укажите, куда.
3.jpg

#3 Ovottona

Ovottona

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

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

Отправлено 24 Январь 2016 - 15:57

Если сделать пункт 2, то в пункте 4. этой строки
<a href="http://wow-thai.ru/p.../page/Доставка" > Доставка и оплата</a>

уже не существует.
Я заменила слова "Доставка и оплата" на Меню...

#4 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Январь 2016 - 14:28

Просмотр сообщенияOvottona (24 Январь 2016 - 15:57) писал:

Если сделать пункт 2, то в пункте 4. этой строки
<a href="http://wow-thai.ru/p.../page/Доставка" > Доставка и оплата</a>

уже не существует.
Я заменила слова "Доставка и оплата" на Меню...


Здравствуйте, да, извините за неточность,  попробуйте сделать следующее:

строчку:
<a href="http://wow-thai.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" >Меню</a>

заменить на строку:

<div class="block-menu">
						 <div class="block-menu-title rhombus">
								 <i class="fa fa-truck" title="Доставка и оплата">&nbsp;</i>
						 </div>
						 </div>
								 <a href="http://wow-thai.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" >Меню</a>





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

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