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


Добавить Блок Меню

меню каталог

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

#1 zoovmeste

zoovmeste

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

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

Отправлено 01 Май 2015 - 17:46

Здравствуйте. Помогите добавить блок меню. Чтобы было два отдельных блока. И назывались они не "Каталог", а верхний "Собаки", нижний "Кошки"

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

  • 1.jpg


#2 Danil

Danil

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

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

Отправлено 01 Май 2015 - 18:12

Просмотр сообщенияzoovmeste (01 Май 2015 - 17:46) писал:

Здравствуйте. Помогите добавить блок меню. Чтобы было два отдельных блока. И назывались они не "Каталог", а верхний "Собаки", нижний "Кошки"
Здравствуйте.
В шаблоне html найдите код
        
  <!-- Каталог товаров -->		  
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Каталог</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->
и замените на
		  <!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">СОБАКИ</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->
			<!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">КОШКИ</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
				 
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IFNOT catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->
После замены, в разделе товары - товары скройте те категории, которые должны отображаться в разделе "КОШКИ", т.е. скрытые категории будут в качестве второго каталога.

#3 zoovmeste

zoovmeste

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

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

Отправлено 01 Май 2015 - 20:49

Спасибо. Только нижний каталог без выпадающего меню. Можно как-то исправить?http://zoovmeste.ru/

#4 zoovmeste

zoovmeste

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

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

Отправлено 02 Май 2015 - 16:02

Просмотр сообщенияDanil (01 Май 2015 - 18:12) писал:

Здравствуйте.
В шаблоне html найдите код
<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">Каталог</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
и замените на
		 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">СОБАКИ</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
		 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">КОШКИ</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IFNOT catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
После замены, в разделе товары - товары скройте те категории, которые должны отображаться в разделе "КОШКИ", т.е. скрытые категории будут в качестве второго каталога.
Спасибо. Только нижний каталог без выпадающего меню. Можно как-то исправить?http://zoovmeste.ru/

#5 zoovmeste

zoovmeste

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

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

Отправлено 03 Май 2015 - 15:45

Просмотр сообщенияDanil (01 Май 2015 - 18:12) писал:

Здравствуйте.
В шаблоне html найдите код
<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">Каталог</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
и замените на
		 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">СОБАКИ</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
		 <!-- Каталог товаров -->		
		 {%IFNOT catalog_full_empty%}
		 <div class="box">
			 <div class="box-heading">КОШКИ</div>
			 <div class="box-content">
			 <div class="box-category">
				 {%FOR catalog_full%}
				
				 {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
				 <li {% IFNOT catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
			 </div>
			 </div>
		 </div>
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
После замены, в разделе товары - товары скройте те категории, которые должны отображаться в разделе "КОШКИ", т.е. скрытые категории будут в качестве второго каталога.
Кто-нибудь поможет?

#6 Ирина345

Ирина345

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

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

Отправлено 04 Май 2015 - 12:41

Просмотр сообщенияzoovmeste (03 Май 2015 - 15:45) писал:

Кто-нибудь поможет?
Здравствуйте, найдите в main.js
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {
  
  jQuery("ul.accordion li.parent").each(function(){
	jQuery(this).append('<em class="open-close">&nbsp;</em>');
  }); 

jQuery('ul.accordion').accordion(); 
  
jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
после добавьте

// Меню-аккордеон. Каталог
jQuery(document).ready(function () {
  
  jQuery("ul.accordion1 li.parent").each(function(){
	jQuery(this).append('<em class="open-close">&nbsp;</em>');
  }); 
  
jQuery('ul.accordion1').accordion(); 
  
jQuery("ul.accordion1 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
далее найдите в шаблоне hTML

 <!-- Каталог товаров -->				 
				  {%IFNOT catalog_full_empty%}
						<div class="box">
						  <div class="box-heading">КОШКИ</div>
						  <div class="box-content">
								<div class="box-category">
								  {%FOR catalog_full%}
									{% IF catalog_full.HIDE %}
										{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
										<li class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
										  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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 %}
										{% ENDIF %}
								  {%ENDFOR%}
								</div>
						  </div>
						</div>
				  {%ENDIF%}
				  <!-- /Каталог товаров -->
замените на

  <!-- Каталог товаров -->			   
				 {%IFNOT catalog_full_empty%}
				 <div class="box">
						 <div class="box-heading">КОШКИ</div>
						 <div class="box-content">
						 <div class="box-category">
								 {%FOR catalog_full%}
								
								 {% IF catalog_full.FIRST %}<ul class="accordion1">{% ENDIF %}
								 <li {% IFNOT catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
										 <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
						 </div>
						 </div>
				 </div>
				 {%ENDIF%}
				 <!-- /Каталог товаров -->
в конец файла main.css  добавьте
.accordion1 { list-style-type: none;position: relative; }
.accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.accordion1 li {margin-left: 0px;}}
.accordion1 li.active> em.open-close {background: #333 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -32px no-repeat; }
.accordion1 li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
.accordion1 li.last a{border-bottom:0px;}
.accordion1 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px;  position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion1 em.open-close:hover {background-color: #333;}
.accordion1 a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
.accordion1 ul a{font-size:11px; padding: 8px 28px 8px 25px;}
.accordion1 ul ul li a {font-size:10px; padding: 8px 10px 8px 40px;}
.accordion1 ul ul ul li a {font-size:9px; padding: 8px 10px 8px 50px;}
.accordion1 ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion1 li ul li { background: #fff; }


#7 zoovmeste

zoovmeste

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

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

Отправлено 06 Май 2015 - 20:22

22.jpg

Просмотр сообщенияИрина345 (04 Май 2015 - 12:41) писал:

Здравствуйте, найдите в main.js
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion li.parent").each(function(){
jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion').accordion();

jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
после добавьте

// Меню-аккордеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion1 li.parent").each(function(){
jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion1').accordion();

jQuery("ul.accordion1 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
далее найдите в шаблоне hTML

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">КОШКИ</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
{% IF catalog_full.HIDE %}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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 %}
{% ENDIF %}
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
замените на

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">КОШКИ</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}

{% IF catalog_full.FIRST %}<ul class="accordion1">{% ENDIF %}
<li {% IFNOT catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
в конец файла main.css  добавьте
.accordion1 { list-style-type: none;position: relative; }
.accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.accordion1 li {margin-left: 0px;}}
.accordion1 li.active> em.open-close {background: #333 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -32px no-repeat; }
.accordion1 li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
.accordion1 li.last a{border-bottom:0px;}
.accordion1 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion1 em.open-close:hover {background-color: #333;}
.accordion1 a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
.accordion1 ul a{font-size:11px; padding: 8px 28px 8px 25px;}
.accordion1 ul ul li a {font-size:10px; padding: 8px 10px 8px 40px;}
.accordion1 ul ul ul li a {font-size:9px; padding: 8px 10px 8px 50px;}
.accordion1 ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion1 li ul li { background: #fff; }
Спасибо конечно, но получилось что-то не понятное. Результат на скрине.
Сделал бэкап. Пожалуйста помогите сделать как верхний блок меню "Собаки"

#8 zoovmeste

zoovmeste

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

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

Отправлено 07 Май 2015 - 19:00

Просмотр сообщенияИрина345 (04 Май 2015 - 12:41) писал:

Здравствуйте, найдите в main.js
// Меню-аккордеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion li.parent").each(function(){
jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion').accordion();

jQuery("ul.accordion li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
после добавьте

// Меню-аккордеон. Каталог
jQuery(document).ready(function () {

jQuery("ul.accordion1 li.parent").each(function(){
jQuery(this).append('<em class="open-close">&nbsp;</em>');
});

jQuery('ul.accordion1').accordion();

jQuery("ul.accordion1 li.active").each(function(){
jQuery(this).children().next("ul").css('display', 'block');
});
});
далее найдите в шаблоне hTML

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">КОШКИ</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
{% IF catalog_full.HIDE %}
{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
<li class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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 %}
{% ENDIF %}
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
замените на

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<div class="box">
<div class="box-heading">КОШКИ</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}

{% IF catalog_full.FIRST %}<ul class="accordion1">{% ENDIF %}
<li {% IFNOT catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% 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%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->
в конец файла main.css  добавьте
.accordion1 { list-style-type: none;position: relative; }
.accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;}
.accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.accordion1 li {margin-left: 0px;}}
.accordion1 li.active> em.open-close {background: #333 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -32px no-repeat; }
.accordion1 li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 360px;}
.accordion1 li.last a{border-bottom:0px;}
.accordion1 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.accordion1 em.open-close:hover {background-color: #333;}
.accordion1 a { text-decoration: none; font-size:11px; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }
.accordion1 ul a{font-size:11px; padding: 8px 28px 8px 25px;}
.accordion1 ul ul li a {font-size:10px; padding: 8px 10px 8px 40px;}
.accordion1 ul ul ul li a {font-size:9px; padding: 8px 10px 8px 50px;}
.accordion1 ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion1 li ul li { background: #fff; }
Кто-нибудь ответит?





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

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