Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Изменение Внешнего Вида Каталога На Главной Странице

Автор DenverXXO, 12 мая 2016 11:55

Авторизуйтесь для ответа в теме

Сообщений в теме: 4

#1 DenverXXO

Новичок

Пользователи
2 сообщений

Отправлено 12 Май 2016 - 11:55

Добрый день!
Помогите разобраться..

На главной странице сайта есть блок с раздвигающимся вниз меню категорий.

Категории, в свою очередь, делятся на подкатегории.
Подкатегории мне не нужны, а без них мне не нравится как выглядит развигающийся блок.

Как уменьшить высоту на которую раздвигается блок категорий?
Примерно так:

SL-385914

Наверх

#2 Danil

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

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

Отправлено 12 Май 2016 - 16:54

DenverXXO (12 Май 2016 - 11:55) писал:

Добрый день!
Помогите разобраться..

На главной странице сайта есть блок с раздвигающимся вниз меню категорий.

Категории, в свою очередь, делятся на подкатегории.
Подкатегории мне не нужны, а без них мне не нравится как выглядит развигающийся блок.

Как уменьшить высоту на которую раздвигается блок категорий?
Примерно так:

SL-385914

Здравствуйте.
В шаблоне html найдите код

<div class="catButton">Каталог товаров</div>
<div class="box">
		 {%IFNOT catalog_full_empty%}
			 <div class="catwrp">														
				 <div class="">
				 {%FOR catalog_full%}
					 {% IF catalog_full.FIRST %}<ul>{% 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 %} level-{catalog_full.LEVEL}">
					 <a href="{catalog_full.URL}" class="accAnchor {% IF catalog_full.CURRENT %}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>						
			 {%ENDIF%}
</div>

и замените на

<div class="catButton">Каталог товаров</div>
<div class="box">
		 {%IFNOT catalog_full_empty%}
			 <div class="catwrp">														
				 <div class="">
				 {%FOR catalog_full%}
				 {% IF catalog_full.LEVEL = 0 %}
					 {% IF catalog_full.FIRST %}<ul>{% 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 %} level-{catalog_full.LEVEL}">
					 <a href="{catalog_full.URL}" class="accAnchor {% IF catalog_full.CURRENT %}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>						
			 {%ENDIF%}
</div>

В main.css найдите код

.box .catwrp > div > ul > li {
display: inline-block;
vertical-align: top;
width: 265px;
margin: 10px 10px 10px 10px;
padding: 5px;
border: 1px solid#ddd;
text-align: left;
}

и замените на

.box .catwrp > div > ul > li {
display: inline-block;
vertical-align: top;
width: 265px;
height: auto !important;
margin: 10px 10px 10px 10px;
padding: 5px;
border: 1px solid#ddd;
text-align: left;
}

так же найдите

.box .catwrp > div > ul > li > a:first-of-type {
	font-size: 18px;
	color: white;
	padding: 0 10px 5px 10px;
	margin-bottom: 5px;
	width: 100%;
	border-bottom: 1px dashed #ddd;
	display: block;
	overflow: hidden;
}

и замените на

.box .catwrp > div > ul > li > a:first-of-type {
	font-size: 18px;
	color: white;
	padding: 0 10px 5px 10px;
	width: 100%;
	display: block;
	overflow: hidden;
}

Наверх

#3 DenverXXO

Новичок

Пользователи
2 сообщений

Отправлено 12 Май 2016 - 20:24

Danil (12 Май 2016 - 16:54) писал:

Здравствуйте.
В шаблоне html найдите код

<div class="catButton">Каталог товаров</div>
<div class="box">
{%IFNOT catalog_full_empty%}
<div class="catwrp">
<div class="">
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul>{% 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 %} level-{catalog_full.LEVEL}">
<a href="{catalog_full.URL}" class="accAnchor {% IF catalog_full.CURRENT %}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>
{%ENDIF%}
</div>

и замените на

<div class="catButton">Каталог товаров</div>
<div class="box">
{%IFNOT catalog_full_empty%}
<div class="catwrp">
<div class="">
{%FOR catalog_full%}
{% IF catalog_full.LEVEL = 0 %}
{% IF catalog_full.FIRST %}<ul>{% 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 %} level-{catalog_full.LEVEL}">
<a href="{catalog_full.URL}" class="accAnchor {% IF catalog_full.CURRENT %}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>
{%ENDIF%}
</div>

В main.css найдите код

.box .catwrp > div > ul > li {
display: inline-block;
vertical-align: top;
width: 265px;
margin: 10px 10px 10px 10px;
padding: 5px;
border: 1px solid#ddd;
text-align: left;
}

и замените на

.box .catwrp > div > ul > li {
display: inline-block;
vertical-align: top;
width: 265px;
height: auto !important;
margin: 10px 10px 10px 10px;
padding: 5px;
border: 1px solid#ddd;
text-align: left;
}

так же найдите

.box .catwrp > div > ul > li > a:first-of-type {
font-size: 18px;
color: white;
padding: 0 10px 5px 10px;
margin-bottom: 5px;
width: 100%;
border-bottom: 1px dashed #ddd;
display: block;
overflow: hidden;
}

и замените на

.box .catwrp > div > ul > li > a:first-of-type {
font-size: 18px;
color: white;
padding: 0 10px 5px 10px;
width: 100%;
display: block;
overflow: hidden;
}

Спасибо большое!

Наверх

#4 Denis22

Продвинутый пользователь

Пользователи
78 сообщений

Отправлено 20 Июнь 2017 - 16:10

Подскажите, а как сделать чтоб в выпадающем каталоге столбцы по длине не вытягивались дальше чем есть подпункты? Аккаунт SL-26701

Занимает много места пустого, спасибо

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

Наверх

#5 Danil

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

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

Отправлено 20 Июнь 2017 - 17:50

Denis22 (20 Июнь 2017 - 16:10) писал:

Подскажите, а как сделать чтоб в выпадающем каталоге столбцы по длине не вытягивались дальше чем есть подпункты? Аккаунт SL-26701

Занимает много места пустого, спасибо

Здравствуйте.
Попробуйте из main.js удалить код

$(
  function catalogheight(){
	$('.box').show();
	 var b = $('.box .parent');
	for (var i = 2; i < 9; i++){$('.level-'+i).remove();}  
	  $('.level-1 > a').prepend('<span class="icon-arrow-right2 arrow"></span>&nbsp;&nbsp;')
	var a = 100;
	$('.level-0').each(function(){
	  var height = $(this).outerHeight();	 
	  if(height > a) a = height;
	  console.log(height);
	  return a;
	})
	a += 10;
	$('.level-0').css('height',a); 
	$('.box').hide();
	}
  )