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


Небольшие Изменения Шаблона Осень


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

#1 dfysdbu

dfysdbu

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

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

Отправлено 01 Июль 2014 - 00:14

Доброго времени суток подскажите как добавить дополнительное горизонтальное меню с выпадающими списками, И вставить к каждому пункту изображение, или вместо названия меню вставить картинку. Нужно перенести в это меню некоторые пункты из вертикального меню, соответственно надо как то скрыть эти пункты в вертикальном меню. Картинка ниже. Аккаунт SL-204342

Изображение

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Июль 2014 - 01:52

Подобный вопрос обсуждался у нас на форму и имеет инструкцию:
http://forum.storela...403#entry133403

#3 dfysdbu

dfysdbu

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

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

Отправлено 13 Июль 2014 - 02:46

Просмотр сообщенияVaccina (03 Июль 2014 - 01:52) писал:

Подобный вопрос обсуждался у нас на форму и имеет инструкцию:
http://forum.storela...403#entry133403

Пытаюсь сделать доп меню с выпадающим списком как на картинке выше, создал новое меню с именем переменно header2 для начала из 2 х пунктов "лиственница" и "липа" не могу ни как разместить его под слайдер как на картинке, оно не отображается, отображается только в шапке. Как сделать что бы оно отобразилось?
Тот пример на который вы дали ссылку переносит целиком все вертикальное меню в горизонтальное, а мне нужно перенести в горизонтальное выпадающее меню только некоторые позиции, это возможно!
К примеру есть новые пункты меню "лиственница" и "липа" они уже имеют подпункты как заставить их выпадать по методике что указана тут http://forum.storela...ыпадающее-меню/ ? или всё таки по другому так как эти пункты есть в каталоге, и не надо прописывать много переменных header...

Может рассматривался вариант создания выпадающего меню для шаблона осень!!! дайте ссылочку если да пожалуйста

Что неправильно я делаю в коде, сейчас вот так прописал
{% IFNOT menu_empty %}
<div class="megamenu2" id="top-menu2">
<ul id="mainmenu2">
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li class="root_menu {% IF menu.header2.links.SELECTED %}active{% ENDIF %}" >
<a href="{menu.header2.links.URL}" class="root_link" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %} >{menu.header2.links.NAME}</a>
{%IF menu.header2.links.NAME = Лиственница %}
<ul>
<li>
<!-- <a href="http://ya.ru/" class="root_link">Yandex</a>-->
<a href="{menu.header21.links.URL}" class="root_link" {% IF menu.header21.links.TITLE %}title="{menu.header21.links.TITLE}"{% ENDIF %}>{menu.header21.links.NAME}</a>

</li>
</ul>
{%ENDIF%}
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}

2) Как скрыть не нужные пункты в вертикальном меню, так как они будут отображаться в горизонтальном?





Изображение

3) Подскажите как отрегулировать иконки в верхнем горизонтальное меню, надо что бы иконка была сверху а название снизу, ни как не могу отрегулировать
Изображение

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Июль 2014 - 04:35

1. Давайте сделаем проще, как понимаю, выпадающее меню в теме осень будет включать в себя только каталог.
В шаблоне HTML после кода слайдера, например:
{% IF index_page %}
<div class="flexslider" id="autumn-slider">
<ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
</ul>
</div>
{% ENDIF %}
вставляем:
<!-- Блок каталога -->
<div class="top_cat container">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="megacatalog">{% 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%}
{%ENDIF%}
</div>
<!-- END Блок каталога -->

и в style.css в самый низ прописываем:
.top_cat {
background: #fff;
border: 1px solid #ccc;
}
.top_cat > ul {
margin: 0 15px;
}
.top_cat ul li {
display: inline-block;
float: left;
position: relative;
}
.top_cat ul li a {
display: block;
font: 14px/40px Verdana;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
}
.top_cat > ul > li:hover > ul {
display: block;
}
.top_cat > ul > li > ul {
background: #fff;
border: 1px solid #ccc;
left: 0;
position: absolute;
top: 48px;
width: 200px;
z-index: 99;
display: none;
}
.top_cat > ul > li > ul > li> ul {
display: none !important;
}
.top_cat > ul > li > ul > li {
display: block;
float: none;
}

2. Можно сделать категорию скрытой, но в этом случае при реализации под первым пунктом, в горизонтальном каталоге тоже пропадет, для этого в HTML в коде выпадающего горизонтального каталога находим и удаляем
{% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}
После данного изменения в горизонтальном каталоге будут выводиться все категории, включая скрытые.

3. В style.css после:
#megamenu li .root_link {
color: #535353;
font-size: 11px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
вставьте:
#megamenu li .root_link img {
display: block;
margin: 0 auto;
}

и остается увеличить высоту(height) у блока стилей:
#megamenu {
background: none repeat scroll 0 0 #e7cfab;
border-radius: 3px;
float: right;
height: 35px;
left: 200px;
margin: 5px;
position: absolute;
top: 55px;
}


#5 dfysdbu

dfysdbu

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

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

Отправлено 16 Июль 2014 - 14:18

Просмотр сообщенияVaccina (16 Июль 2014 - 04:35) писал:

1. Давайте сделаем проще, как понимаю, выпадающее меню в теме осень будет включать в себя только каталог.
В шаблоне HTML после кода слайдера, например:
{% IF index_page %}
<div class="flexslider" id="autumn-slider">
<ul class="slides">
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
</ul>
</div>
{% ENDIF %}
вставляем:
<!-- Блок каталога -->
<div class="top_cat container">
{%IFNOT catalog_full_empty%}
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="megacatalog">{% 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%}
{%ENDIF%}
</div>
<!-- END Блок каталога -->

и в style.css в самый низ прописываем:
.top_cat {
background: #fff;
border: 1px solid #ccc;
}
.top_cat > ul {
margin: 0 15px;
}
.top_cat ul li {
display: inline-block;
float: left;
position: relative;
}
.top_cat ul li a {
display: block;
font: 14px/40px Verdana;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
}
.top_cat > ul > li:hover > ul {
display: block;
}
.top_cat > ul > li > ul {
background: #fff;
border: 1px solid #ccc;
left: 0;
position: absolute;
top: 48px;
width: 200px;
z-index: 99;
display: none;
}
.top_cat > ul > li > ul > li> ul {
display: none !important;
}
.top_cat > ul > li > ul > li {
display: block;
float: none;
}

2. Можно сделать категорию скрытой, но в этом случае при реализации под первым пунктом, в горизонтальном каталоге тоже пропадет, для этого в HTML в коде выпадающего горизонтального каталога находим и удаляем
{% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}
После данного изменения в горизонтальном каталоге будут выводиться все категории, включая скрытые.

3. В style.css после:
#megamenu li .root_link {
color: #535353;
font-size: 11px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
}
вставьте:
#megamenu li .root_link img {
display: block;
margin: 0 auto;
}

и остается увеличить высоту(height) у блока стилей:
#megamenu {
background: none repeat scroll 0 0 #e7cfab;
border-radius: 3px;
float: right;
height: 35px;
left: 200px;
margin: 5px;
position: absolute;
top: 55px;
}


3) Спасибо всё вышло, подскажите как блок меню верхнего отцентрировать, что бы он был по центру между логотипом и блоком времени работы магазина, и не наезжал на них при уменьшении разрешения, можно огроничеть размеры сайта по разрешению, что бы не происходил переход к мобильной версии?
Изображение

2) Спасибо огромное всё вышло очень просто, я добавил следующий код что бы убрать в горизонтальном меню которых должны отображаться в вертикальном меню,

{% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %}

Изображение

По этому пришлось задать выпадающие пункты в горизонтальном меню как скрытые на сайте. И возникла следующая проблема, при входе в пункт меню например "Лиственница" на странице отсутствуют разделы из выпадающего списка, как заставить их отображаться в разделах?

Изображение

#6 Ирина345

Ирина345

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

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

Отправлено 16 Июль 2014 - 15:40

Просмотр сообщенияdfysdbu (16 Июль 2014 - 14:18) писал:

3) Спасибо всё вышло, подскажите как блок меню верхнего отцентрировать, что бы он был по центру между логотипом и блоком времени работы магазина, и не наезжал на них при уменьшении разрешения, можно огроничеть размеры сайта по разрешению, что бы не происходил переход к мобильной версии?
Изображение

2) Спасибо огромное всё вышло очень просто, я добавил следующий код что бы убрать в горизонтальном меню которых должны отображаться в вертикальном меню,

{% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %}

Изображение

По этому пришлось задать выпадающие пункты в горизонтальном меню как скрытые на сайте. И возникла следующая проблема, при входе в пункт меню например "Лиственница" на странице отсутствуют разделы из выпадающего списка, как заставить их отображаться в разделах?

Изображение
Здравствуйте,
3. Что бы отцентрироать меню найдите в style.css
#megamenu{position:relative;/*position:absolute;*/height:35px;top:55px;/*left:200px;*/border-radius: 3px;
  float:left; margin: 5px;/*text-align:center!important;*/
/*  background: none repeat scroll 0 0 #e7cfab;*/
/*  background: -moz-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -webkit-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -o-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -ms-linear-gradient(top #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);*/
/*  -moz-box-shadow: 5px -3px 10px #5C5242; /* Для Firefox */
/*	-webkit-box-shadow: 5px -3px 10px #5C5242; /* Для Safari и Chrome */
/*   box-shadow: 5px -3px 10px #5C5242; /* Параметры тени */}
замените на
#megamenu{position:relative;/*position:absolute;*/height:35px;top:55px;/*left:200px;*/border-radius: 3px;
  float:left; margin: 5px;/*text-align:center!important;*/
/*  background: none repeat scroll 0 0 #e7cfab;*/
/*  background: -moz-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -webkit-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -o-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -ms-linear-gradient(top #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);*/
/*  -moz-box-shadow: 5px -3px 10px #5C5242; /* Для Firefox */
/*	-webkit-box-shadow: 5px -3px 10px #5C5242; /* Для Safari и Chrome */
/*   box-shadow: 5px -3px 10px #5C5242; /* Параметры тени */
margin-left: 149px;}


#7 dfysdbu

dfysdbu

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

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

Отправлено 16 Июль 2014 - 21:11

Просмотр сообщенияИрина345 (16 Июль 2014 - 15:40) писал:

Здравствуйте,
3. Что бы отцентрироать меню найдите в style.css
#megamenu{position:relative;/*position:absolute;*/height:35px;top:55px;/*left:200px;*/border-radius: 3px;
float:left; margin: 5px;/*text-align:center!important;*/
/* background: none repeat scroll 0 0 #e7cfab;*/
/* background: -moz-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -webkit-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -o-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -ms-linear-gradient(top #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);*/
/* -moz-box-shadow: 5px -3px 10px #5C5242; /* Для Firefox */
/*	-webkit-box-shadow: 5px -3px 10px #5C5242; /* Для Safari и Chrome */
/* box-shadow: 5px -3px 10px #5C5242; /* Параметры тени */}
замените на
#megamenu{position:relative;/*position:absolute;*/height:35px;top:55px;/*left:200px;*/border-radius: 3px;
float:left; margin: 5px;/*text-align:center!important;*/
/* background: none repeat scroll 0 0 #e7cfab;*/
/* background: -moz-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -webkit-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -o-linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: -ms-linear-gradient(top #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);
	background: linear-gradient(top, #E7CFAB 0%, #E7CFAB 15%, #E7CFAB 45%, #E7CFAB 70%, #E7CFAB 85%, #E7CFAB 100%);*/
/* -moz-box-shadow: 5px -3px 10px #5C5242; /* Для Firefox */
/*	-webkit-box-shadow: 5px -3px 10px #5C5242; /* Для Safari и Chrome */
/* box-shadow: 5px -3px 10px #5C5242; /* Параметры тени */
margin-left: 149px;}

Я всё сделал но при уменьшении разрешения меню не выравнивается а сползает вниз, можно её отцентрировать для всех разрешений

Изображение

2) По этому пришлось задать выпадающие пункты в горизонтальном меню как скрытые на сайте. И возникла следующая проблема, при входе в пункт меню например "Лиственница" на странице отсутствуют разделы из выпадающего списка, как заставить их отображаться в разделах?

Изображение

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2014 - 02:13

На счет выравнивания меню, найдите:
#megamenu {
	border-radius: 3px;
	float: left;
	height: 35px;
	margin: 5px 5px 5px 140px;
	position: relative;
	top: 55px;
}
замените на:
#megamenu {
	border-radius: 3px;
	float: none;
	height: 35px;
	margin: 0 auto;
	position: relative;
	top: 55px;
	width: 550px;
}

На счет отображения подкатегорий при входе в категорию, у вас подкатегории скрыты на сайте в настройках, в разделе Товары - Товары

#9 dfysdbu

dfysdbu

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

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

Отправлено 17 Июль 2014 - 02:30

Просмотр сообщенияVaccina (17 Июль 2014 - 02:13) писал:

На счет выравнивания меню, найдите:
#megamenu {
border-radius: 3px;
float: left;
height: 35px;
margin: 5px 5px 5px 140px;
position: relative;
top: 55px;
}
замените на:
#megamenu {
border-radius: 3px;
float: none;
height: 35px;
margin: 0 auto;
position: relative;
top: 55px;
width: 550px;
}

На счет отображения подкатегорий при входе в категорию, у вас подкатегории скрыты на сайте в настройках, в разделе Товары - Товары
Конечно скрыты иначе они не будут отображаться в выпадающих списках. Вы сами мне такой вариант меню предложили. А как мне теперь с этим бороться?
2) Спасибо огромное всё вышло очень просто, я добавил следующий код что бы убрать из горизонтального меню пункты которые должны отображаться в вертикальном меню,

{% IFNOT catalog_full.HIDE %}style="display:none;" {% ENDIF %}

Изображение

По этому пришлось задать выпадающие пункты в горизонтальном меню как скрытые на сайте. И возникла следующая проблема, при входе в пункт меню например "Лиственница" на странице отсутствуют разделы из выпадающего списка, как заставить их отображаться в разделах?

Изображение

#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2014 - 02:57

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

#11 dfysdbu

dfysdbu

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

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

Отправлено 17 Июль 2014 - 03:17

Просмотр сообщенияVaccina (17 Июль 2014 - 02:57) писал:

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

Я убрал скрытность для подкатегорий, вкладки вертикального меню "Лиственница" в итоге посмотрите, подкатегории перестали отображаться в меню

#12 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2014 - 03:26

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

#13 dfysdbu

dfysdbu

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

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

Отправлено 17 Июль 2014 - 03:34

Просмотр сообщенияVaccina (17 Июль 2014 - 03:26) писал:

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

Не очень понял что мне сделать?

#14 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2014 - 03:42

Мы просто поменяем логику, в горизонтальном меню будут отображаться все просты категории с подкатегориями, а в вертикальном меню только скрытые, то есть с лиственницы и ее подкатегорий убираем скрытость.
Так же в коде необходимо изменить
{% IFNOT catalog_full.HIDE %}
на
{% IF catalog_full.HIDE %}

в горизонтальном меню, а в вертикальном наоборот

#15 dfysdbu

dfysdbu

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

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

Отправлено 17 Июль 2014 - 03:45

Просмотр сообщенияVaccina (17 Июль 2014 - 03:42) писал:

Мы просто поменяем логику, в горизонтальном меню будут отображаться все просты категории с подкатегориями, а в вертикальном меню только скрытые, то есть с лиственницы и ее подкатегорий убираем скрытость.
Так же в коде необходимо изменить
{% IFNOT catalog_full.HIDE %}
на
{% IF catalog_full.HIDE %}

в горизонтальном меню, а в вертикальном наоборот

Сделал, можете смотреть что вышло!

#16 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

Так в разделе Товары - Товары - тоже необходимо настроить категории, на какие скрытость поставить, чтобы они отобразились в вертикальном меню, а у других убрать скрытость, чтобы отображались в горизонтальном меню

#17 dfysdbu

dfysdbu

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

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

Отправлено 17 Июль 2014 - 03:54

Просмотр сообщенияVaccina (17 Июль 2014 - 03:50) писал:

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

#18 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2014 - 04:05

Вы не все изменения в коде сделали, найдите:
<div class="block-content">
			<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%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%}
			{%ENDIF%}
			<!-- /Каталог товаров -->
замените на:
<div class="block-content">
			<!-- Каталог товаров -->
			{%IFNOT catalog_full_empty%}
			  {%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%}
			{%ENDIF%}
			<!-- /Каталог товаров -->


Далее, если вы хотите, чтобы категория "Лиственница" отображалась только в горизонт. меню - сделайте ее НЕ скрытой, если хотите, чтобы категория "Вагонка" отображалась только в вертикальном меню - сделайте ее скрытой

#19 dfysdbu

dfysdbu

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

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

Отправлено 17 Июль 2014 - 04:10

Просмотр сообщенияVaccina (17 Июль 2014 - 04:05) писал:

Вы не все изменения в коде сделали, найдите:
<div class="block-content">
		 <!-- Каталог товаров -->
		 {%IFNOT catalog_full_empty%}
			 {%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%}
		 {%ENDIF%}
		 <!-- /Каталог товаров -->
замените на:
<div class="block-content">
		 <!-- Каталог товаров -->
		 {%IFNOT catalog_full_empty%}
			 {%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%}
		 {%ENDIF%}
		 <!-- /Каталог товаров -->


Далее, если вы хотите, чтобы категория "Лиственница" отображалась только в горизонт. меню - сделайте ее НЕ скрытой, если хотите, чтобы категория "Вагонка" отображалась только в вертикальном меню - сделайте ее скрытой

Понял вроде бы всё вышло, единственное теперь в разделе каталог http://bestdeck.ru/catalog отсутствуют скрытые категории, например Вагонка, можно как то для каталога открыть категории скрытые?

#20 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Июль 2014 - 04:47

В контентной части нельзя задать условие чтобы выводились все категории, остается как вариант писать огромные условия для 2х меню вида, если название категории = Лиственница, то не отображаем, рулон в общем получится в коде, такой вариант устроит?




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

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