Mari-ina (27 Сентябрь 2017 - 10:51) писал:
Спасибо, а на ак 299810 можно сделать также
Здравствуйте.
В шаблоне main.css код:
.block-menu-content > ul {border: 1px solid #333744;border-bottom: 7px solid #333744;border-top: 0;} .block-menu-content ul li {position: relative;padding: 0;} .block-menu-content ul > li {border-bottom: 1px solid #e5e5e5;background: #f8f8f8;} .block-menu-content ul > li:last-child {border-bottom: 0;} .block-menu-content li a {display: block;line-height: 44px;margin: 0;padding: 0 25px 0 12px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: capitalize;border-left: 3px solid transparent;} .block-menu-content ul li.parent.subhead:before {padding-right: 20px;} .block-menu-content ul li.parent.subhead {padding-left:0;} .block-menu-content ul.sub {padding-left:15px; background: #333744;} .block-menu-content ul li a.active, .block-menu-content ul li a:hover {color: #09afe7;border-left: 3px solid #09AFE7;background: #ffffff;} .block-menu-content ul li .open-sub {float: right;right: 0px;position: absolute;padding: 0 10px;} .block-menu-content ul li .open-sub:before {content: "\f067";font-family: 'FontAwesome';} .block-menu-content ul li.active .open-sub.active:before {content: "\f068";color: #09afe7;}
Заменил на:
/* Меню, Каталог */ .block-menu-content ul li {position: relative;padding: 0;} .block-menu-content li a {display: block;line-height: 40px;margin: 0;padding: 0 0 0 0;font-weight: 400;letter-spacing: 0.3px;text-align: left;} .block-menu-content li.level1 a {color:#fff;padding:0 5px;} .block-menu-content li.level1 a:hover{color:#212C50;background-color:#d1f1fd;} .block-menu-content li.level1 a:hover{color:#212C50;} .block-menu-content ul li.parent.subhead:before {padding-right: 20px;} .block-menu-content ul li.parent.subhead {padding-left:0;} .menu .block-menu-content{margin-bottom:10px;} .level1 a{font-size:14px;font-family:'Raleway Regular';} .block-menu-content .anch0{font-size:20px;font-family:'Raleway Regular';position:relative;} .block-menu-content .anch0:after{content:' ';height:3px;width:100%;display:block;background: #3CA2B0;} .block-menu-content ul li a.active, .block-menu-content ul li a:hover {} .block-menu-content ul li .open-sub {float: right;right: 0px;position: absolute;padding: 0 0px 0 0;} .block-menu-content ul li .open-sub:before {content: "\f105";font-family: 'FontAwesome';} .parent.level0{position:relative;} .parent.level0 ul.sub3{display:none;position:absolute;left:100%;top:-5px;padding:5px 7px 7px 5px;background:#09afe7;min-width:250px;z-index:10000;} .parent.level0 ul.sub2{display:none;position:absolute;left:100%;top:-5px;padding:5px 7px 7px 5px;background:#09afe7;min-width:250px;z-index:10000;} .parent.level0 ul.sub1{display:none;position:absolute;left:100%;top:0;padding:5px 7px 7px 5px;background:#09afe7;width:250px;z-index:10000;border-left:3px solid white;} .parent.level0 ul.sub1 a{max-width:235px;display:block;overflow:hidden;} .parent.level0 ul.sub1 a,.parent.level1 ul.sub2 a,.parent.level2 ul.sub3 a{font-size:14px;line-height:40px;} .parent.level0:hover ul.sub1,.parent.level1:hover ul.sub2,.parent.level2:hover ul.sub3,.parent.level3:hover ul.sub4{display:block;} .block-menu-content ul.sub0{display:block;} .block-menu-content ul.sub1{display:none;} .block-menu-content ul.sub2{display:none;}
В шаблоне HTML код:
<div class="block-menu-content"> <ul> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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 %} </ul> </div>
Заменил на:
<div class="block-menu-content"> <ul> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub sub{catalog_full.LEVEL}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} level{catalog_full.LEVEL} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a {% IFNOT catalog_full.CURRENT %}href="{catalog_full.URL}"{% ENDIF %} class="{% IF catalog_full.CURRENT %}active{% ENDIF %} anch{catalog_full.LEVEL}">{% IF catalog_full.ISSET_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</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 %} </ul> </div>
И в шаблоне main.js удалил код:
// Menu > Sidebar Боковое меню > сохранение открытой вложенности jQuery(document).ready(function($){ $('.block.menu .parent:not(".active") a').next('.sub').css('display', 'none'); $('.block.menu .parent a .open-sub').click(function(event){ event.preventDefault(); if ($(this).closest('.parent').hasClass('active')) { $(this).parent().next('.sub').slideUp(600); $(this).closest('.parent').removeClass('active'); $(this).closest('.open-sub').removeClass('active'); } else { $(this).parent().next('.sub').slideDown(600); $(this).closest('.parent').addClass('active'); $(this).closest('.open-sub').addClass('active'); } }); });
Перед кодом:
// Наверх
Проверьте результат