Здравствуйте.
Можно перенести каталог сбоку наверх в строчку и, чтобы при наведении на определенный раздел появлялось окно с категориями и подкатегориями?
1
Перемещение Каталога
Автор neron, 26 февр. 2017 20:21
В теме одно сообщение
#1
Отправлено 26 Февраль 2017 - 20:21
#2
Отправлено 02 Март 2017 - 20:34
Добрый вечер. Для внесения изменений пройдите в раздел Сайт - Редактор шаблонов - HTML и
после:
нужно вставить:
Затем зайдите в main.css и найдите:
замените его на:
так же в main.css в конец кода добавьте:
после:
<!-- /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 анонимных