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


Перемещение Каталога


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

#1 neron

neron

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

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

Отправлено 26 Февраль 2017 - 20:21

Здравствуйте.

Можно перенести каталог сбоку наверх в строчку и, чтобы при наведении на определенный раздел появлялось окно с категориями и подкатегориями?

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

  • pgpgpv.png


#2 metry

metry

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

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

Отправлено 02 Март 2017 - 20:34

Добрый вечер. Для внесения изменений пройдите  в раздел Сайт - Редактор шаблонов - HTML и
после:
<!-- /END Меню, Корзина, Поиск -->

нужно вставить:
<!-- Меню Каталог в шапке -->
<div class="header-middle">
<div class="container">
<!-- Каталог -->
<div id="custommenu1" class="col-xs-12">
<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
{% IFNOT catalog_full_empty %}
<ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
{%ENDIF%}
</ul>
{% ELSE %}
<!-- Меню в шапке -->
<ul class="menunav" itemscope itemtype="http://schema.org/SiteNavigationElement">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
{% ENDIF %}
</div>
</div>
</div>


Затем зайдите в main.css и найдите:
.col-left .block {margin-bottom:30px;float: left;width: 100%;}

замените его на:
.col-left .block {margin-bottom:30px;float: left;width: 100%;display:none}

так же в main.css  в конец кода добавьте:
.header-middle {position: relative; background: #333744; border-bottom: 6px solid #09afe7; margin-bottom: 10px;}
@media(max-width:992px){
.header-middle {display:none;}
}
.header-middle .container {position: relative;}
.header-bottom {position: relative;padding: 15px 0;background-color: #f5f5f5;}
#custommenu1 {position: static;z-index: 1;margin-left: -15px;}
#custommenu1 .mainnav {position: static;margin: 0;overflow: hidden;}
#custommenu1 .mainnav > li {float: left;}
#custommenu1 .mainnav > li > a {display: block;color: #fff;line-height: 40px;padding: 0 22px 0 0;margin-right: 22px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}
#custommenu1 .mainnav > li > a:hover {color: #09afe7;}
#custommenu1 .mainnav > li.parent > a {position: relative;padding-right: 32px;}
#custommenu1 .mainnav > li.parent > a:before {content: "\f107";position: absolute;font-family: fontawesome;font-size: 14px;right: 17px;}
#custommenu1 .mainnav li .dropdown-menu {display: none;position: absolute;width:100%;left: 0;border-bottom: 5px solid #09afe7;background: #fafafa;z-index: 999;padding: 15px;}
#custommenu1 .mainnav li.parent:hover .dropdown-menu {display: block;}
#custommenu1 .mainnav li.level1 {width: 25%;float: left;padding: 0 15px;}
#custommenu1 .mainnav li a.title-lv1 {display: block;font-size: 18px;color: #000;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;font-family: "agency", 'PT Sans Narrow', sans-serif;text-transform: uppercase;}
#custommenu1 .mainnav li a.title-lv1:hover {color:#09afe7;}
#custommenu1 .mainnav li a.title-lv2 {display: block;position: relative;text-transform: capitalize;padding: 7px 0 7px 15px;}
#custommenu1 .mainnav li a.title-lv2:before {content: "\f105";position: absolute;font-family: fontawesome;font-size: 14px;left: 0px;line-height: 20px;}





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

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