Помогите, пожалуйста.
1. Поднять текст чуть выше, чтобы не было столько свободного места.
2. Сейчас значок с машинкой поставлен вместо значка Меню. Мне нужно машинку поменять на другой значок.
Рядом добавить слово "Меню"
3. Блок с доставкой, телефоном и почтой сдвинуть вправо.
4. Для доставки добавить дополнительный значок с машинкой.
Прилагаю скриншот.
5. При прокрутке сайта вниз, оставить верхнее меню с доставкой, телефоном, поиском и корзиной.
А скрывать верхний каталог.
0
Доработки
Автор Ovottona, 23 янв. 2016 10:18
Сообщений в теме: 3
#1
Отправлено 23 Январь 2016 - 10:18
#2
Отправлено 23 Январь 2016 - 13:48
Ovottona (23 Январь 2016 - 10:18) писал:
Помогите, пожалуйста.
1. Поднять текст чуть выше, чтобы не было столько свободного места.
2. Сейчас значок с машинкой поставлен вместо значка Меню. Мне нужно машинку поменять на другой значок.
Рядом добавить слово "Меню"
3. Блок с доставкой, телефоном и почтой сдвинуть вправо.
4. Для доставки добавить дополнительный значок с машинкой.
5. При прокрутке сайта вниз, оставить верхнее меню с доставкой, телефоном, поиском и корзиной.
А скрывать верхний каталог.
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="Доставка и оплата"> </i>Здесь "fa-truck" - это название иконки.
Замените эту строку, например, на:
<i class="fa fa-home" title="Меню"> </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>
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="Доставка и оплата"> </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>
затем после строк:
<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"> Меню </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
Отправлено 24 Январь 2016 - 15:57
Если сделать пункт 2, то в пункте 4. этой строки
<a href="http://wow-thai.ru/p.../page/Доставка" > Доставка и оплата</a>
уже не существует.
Я заменила слова "Доставка и оплата" на Меню...
<a href="http://wow-thai.ru/p.../page/Доставка" > Доставка и оплата</a>
уже не существует.
Я заменила слова "Доставка и оплата" на Меню...
#4
Отправлено 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/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="Доставка и оплата"> </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 анонимных