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


Каталог Автоматически Разворачивается

каталог развернуть автоматически

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

#21 Firefly

Firefly

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

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

Отправлено 29 Сентябрь 2017 - 12:17

Просмотр сообщения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');
}
});
});

Перед кодом:
// Наверх

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

#22 Mari-ina

Mari-ina

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

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

Отправлено 29 Сентябрь 2017 - 13:12

Спасибо





Темы с аналогичным тегами каталог, развернуть, автоматически

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

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