Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Изменения В Шапке

Автор exuser, 21 дек. 2015 12:43

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 43

#1 exuser

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

Пользователи
89 сообщений

Отправлено 21 Декабрь 2015 - 12:43

Добрый день.
Прошу помощи.
Нужно убрать в шапке кнопку (обведено красным на картинке) и вместо нее сделать простое текствое меню тип " Акции и скидки Новинки Хиты Новости"

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

Наверх

#2 exuser

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

Пользователи
89 сообщений

Отправлено 21 Декабрь 2015 - 13:45

На картинке из другого магазина так, как мне бы хотелось сделать у себя

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

Наверх

#4 exuser

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

Пользователи
89 сообщений

Отправлено 21 Декабрь 2015 - 14:47

Спасибо, все получилось.
Можно еще убрать кнопку и и-майл из шапки?

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

Наверх

#6 exuser

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

Пользователи
89 сообщений

Отправлено 21 Декабрь 2015 - 15:03

Помоголо, спасибо.

Наверх

#7 exuser

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

Пользователи
89 сообщений

Отправлено 21 Декабрь 2015 - 21:14

Добрый день.
После этих изменений некорректно отображается версия для планшета.
Для мобильного телефона все хорошо.
Прошу помощи.

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

Наверх

#8 Юля123

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

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

Отправлено 22 Декабрь 2015 - 09:58

exuser (21 Декабрь 2015 - 21:14) писал:

Добрый день.
После этих изменений некорректно отображается версия для планшета.
Для мобильного телефона все хорошо.
Прошу помощи.

Уточните, пожалуйста, что отображается не так? По этом скриншоту не совсем понятно, что нужно поправить.

Наверх

#9 exuser

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

Пользователи
89 сообщений

Отправлено 22 Декабрь 2015 - 10:23

Добрый день.
Слайдер отражается не на всю ширину.

А на предыдущем скриншоте поля для ввода имени и телефона расширились не корректно.

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

Наверх

#10 exuser

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

Пользователи
89 сообщений

Отправлено 22 Декабрь 2015 - 10:36

Это скрин с мобильного. Вчера было все нормально.

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

Наверх

#11 exuser

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

Пользователи
89 сообщений

Отправлено 22 Декабрь 2015 - 11:13

Вернул пока все как было из бэкапа.

Наверх

#13 exuser

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

Пользователи
89 сообщений

Отправлено 22 Декабрь 2015 - 11:34

Сделал, как вы написали - исчезло совсем верхнее меню с поиском телефоном и корзиной.
Потом убрал лишннее
<divclass="col-xs-12">

Все стало хорошо!

Наверх

#14 salute

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

Пользователи
54 сообщений

Отправлено 23 Декабрь 2015 - 20:25

Юля123 (21 Декабрь 2015 - 13:59) писал:

Здравствуйте, в шаблоне HTML найдите код:


<div class="col-xs-12">
<!-- Верхнее меню -->
<div class="block-menu">
<div class="block-menu-title rhombus">
<i class="fa fa-bookmark-o" title="Меню">&nbsp;</i>
</div>
<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>

и замените на код:

<div class="col-xs-12">
<!-- Верхнее меню -->
<div class="block-menu mb">
<div class="block-menu-title rhombus">
<i class="fa fa-bookmark-o" title="Меню">&nbsp;</i>
</div>
<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>

<!-- Верхнее меню -->
<div class="col-xs-5">
<div class="block-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>
</div>

В main.css найдите код:

/* Меню в шапке */
.header-top .block-menu {position: relative;cursor: pointer;float: left;}
.header-top .block-menu .block-menu-title {float: left;}
.header-top .block-menu .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 100%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
.header-top .block-menu:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header-top .block-menu .block-menu-links li {display: block;background: none;text-align: left;border-bottom: 1px solid #dddddd;margin: 0 10px;float:none;}
.header-top .block-menu .block-menu-links li:last-child {border-bottom: none;}
.header-top .block-menu .block-menu-links li a {line-height: 35px;letter-spacing: 0.5px;}

замените на код:

/* Меню в шапке */
.header-top .block-menu.mb {position: relative;cursor: pointer;float: left;}
.header-top .block-menu.mb .block-menu-title {float: left;}
.header-top .block-menu.mb .block-menu-links {overflow:visible;height:auto;position: absolute;left: -1px;top: 100%;background: #fff;width: 200px;max-width: 300px;padding: 0;margin: 0;border: 1px solid #dddddd;z-index: 99;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);transform-origin: 50% 10% 0;-moz-transform-origin: 50% 10% 0;-webkit-transform-origin: 50% 10% 0;-o-transform-origin: 50% 10% 0;-ms-transform-origin: 50% 10% 0;}
.header-top .block-menu.mb:hover .block-menu-links {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header-top .block-menu.mb .block-menu-links li {display: block;background: none;text-align: left;border-bottom: 1px solid #dddddd;margin: 0 10px;float:none;}
.header-top .block-menu.mb .block-menu-links li:last-child {border-bottom: none;}
.header-top .block-menu.mb .block-menu-links li a {line-height: 35px;letter-spacing: 0.5px;}

далее там же найдите код:

@media all and (min-width: 1200px) {

после него добавьте код:

.block-menu.mb {
display: none;
}

В конце main.css добавьте код:

ul.block-menu-links li {
display: inline-block;
font-size: 15px;
line-height: 41px;
margin-left: 10px;
}
@media all and (max-width: 1200px) {
.block-menu.mb {
display: block;
}
.header-top .col-xs-12 .col-xs-5{
display:none;
}
}

у меня нет таких кодов что делать вводил их через поиск

Наверх

#16 girlsmile

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

Пользователи
34 сообщений

Отправлено 22 Январь 2016 - 01:01

exuser (21 Декабрь 2015 - 13:45) писал:

На картинке из другого магазина так, как мне бы хотелось сделать у себя

Здравствуйте! А возможно сможете еще подсказать как опустить поиск, корзину и личный кабинет, как указано на этом скриншоте, в плавающее меню?

Наверх

#17 Vaccina

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

Модераторы
24 353 сообщений

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

Укажите пожалуйста номер аккаунта вашего магазина.

Наверх

#18 girlsmile

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

Пользователи
34 сообщений

Отправлено 22 Январь 2016 - 12:46

Vaccina (22 Январь 2016 - 01:23) писал:

Укажите пожалуйста номер аккаунта вашего магазина.

SL - 373165

Наверх

#20 girlsmile

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

Пользователи
34 сообщений

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

Firefly (22 Январь 2016 - 14:21) писал:

Здравствуйте. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

Спасибо. А совместить реально? так чтобы верхняя полоса содержала основное меню - раскрытое (как в постах выше), а плавающее меню содержало корзину и сравнение? А вот поиск все-таки сверху оставить, в статической полосе?