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

[cenmark]

Сделал выпадающий каталог слева в шаблоне пластик. Подскажите как можно поменять местами меню и каталог в шаблоне пластик. Спасибо.

[Vaccina]

Для этого необходимо поменять местами такие блоки как

<ul>
			{% FOR menu %}
			  {% FOR header %}
				{% FOR links %}
				  <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				{% ENDFOR %}
			  {% ENDFOR %}
			{% ENDFOR %}
		  </ul>

и

<ul>
		{%IFNOT catalog_empty %}
		  {% FOR catalog %}
			{% IFNOT catalog.HIDE %}
			  <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
			{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>

далее необходимо будет изменить стили. Например убрать

{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}

а так же изменить направление выпадающего меню, так же поменять местами классы в <li> и <a>

[cenmark]

Нашел первый блок. А второй блок:
<ul>
        {%IFNOT catalog_empty %}
          {% FOR catalog %}
            {% IFNOT catalog.HIDE %}
              <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
            {% ENDIF %}
          {% ENDFOR %}
        {% ENDIF %}
        </ul>
никак не могу найти в шаблоне HTML
сайт

[Vaccina]

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

{%IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IFNOT catalog_full.HIDE %}
<li class="{% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog_full.NAME}</a></li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}

[cenmark]

Спасибо! Как изменить направление выпадающего меню?

[Vaccina]

Для изменения направления - необходимо изменять такие свойства как left, top, bottom, right в общем свойства связанные с позиционированием. В данном случае при отображении выпадающего меню в правой части - применяется свойство top: 0; и left: 200px;
По умолчанию установлено свойство left: -10000px; это сделано для скрытие меню, а при наведении(:hover) задается left: 200px;
Например для задания выпадения снизу реализовать проще, задается top: 0; и left: 0; (данные размеры зависят от размера меню), далее устанавливается display: none; для скрытия подкаталогов, а при наведении(:hover) просто устанавливается display: block; для отображения этих подкаталогов.

Пример

#nav ul {
	background: none repeat scroll 0 0 #B2B2B2;
	border: 0 none;
	font-size: 12px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	width: 15em;
	display: none;
}

#nav li.over ul {
	display: block;
}

[Banker]

Здравствуйте!
Скажите, пожалуйста, можно ли реализовать в шаблоне "сияние" каталог товаров как здесь http://stickme.ru.
Т.е. кнопка, при наведении на которую выпадает единый список всех категорий и вложенных в них подкатегорий?
Было бы идеально, если бы вы смогли просто дать код, который можно скопировать.
Пытался реализовать с помощью кодов в прошлых постах ничего не получилось.

Спасибо

[Vaccina]

Данный вопрос рассматривался в следующей теме форума http://forum.storela...рав/#entry38768

[Дана]

Здравствуйте!  Мой сайт www.diamond-show.ru .я хотела бы сделать выпадающее меню оптовикам ( на 3 раздела вниз ) Помогите пожалуйста это осуществить!

[Vaccina]

О выпадающем меню вы можете почитать тут http://forum.storela...еста/#entry2072
и тут http://forum.storela...еню/#entry36821

[Дана]

Vaccina (22 Февраль 2013 - 00:53) писал:

О выпадающем меню вы можете почитать тут http://forum.storela...еста/#entry2072
и тут http://forum.storela...еню/#entry36821

Я пробовала все делать по пунктам, как указано на тех ветках форума. Ничего не получилось. Изчезли несколько пунктов верхнего меню, но раскрывающегося списка так и не получилось. Там описывается как сделать каталог раскрывающимся списком, а мне нужно раздел Оптовикам разделить на 3 выпадающих меню.

[miyako]

Дана (22 Февраль 2013 - 09:24) писал:

Я пробовала все делать по пунктам, как указано на тех ветках форума. Ничего не получилось. Изчезли несколько пунктов верхнего меню, но раскрывающегося списка так и не получилось. Там описывается как сделать каталог раскрывающимся списком, а мне нужно раздел Оптовикам разделить на 3 выпадающих меню.

Вы можете воспользоваться следующей темой:
http://forum.storela...ню/page__st__20

[Дана]

Здравствуйте! Помогите пожалуйста! Сделала как написано ранее в сообщениях. Изчезли все разделы, выпадающее меню не появилось. Помогите пожалуйста! Очень нужно выпадающее меню в разделе оптовикам ( на 4 раздела), и в разделе Специальные акции и предложения ( на 2) Пожалуйста отправьте код, который нужно вставить мне на сайт. www.diamond-show.ru
Вот что у меня в кодах

<!-- Верхний блок навигации -->
      <!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
                 <li><a href="http://{NET_DOMAIN}/" title="На главную">Главная</a> </li>
                 <li><a href="/page/Оптовикам" title="Оптовикам">Оптовикам</a>
                                 <ul class="podmenu1">
                                                 {% FOR menu %}
                                                                 {% FOR header1 %}
                                                                                 {% FOR links %}
                                                                                                 <li class="podmenu11"><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
                                                                                 {% ENDFOR %}
                                                                 {% ENDFOR %}
                                                 {% ENDFOR %}
                                 </ul>
                 </li>
                                 <li><a href="/page/Специальные-предложения-и-акции" title="Скидки и акции">Скидки и акции</a>
                                 <ul class="podmenu2">
                                                 {% FOR menu %}
                                                                 {% FOR header2 %}
                                                                                 {% FOR links %}
                                                                                                 <li class="podmenu22"><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
                                                                                 {% ENDFOR %}
                                                                 {% ENDFOR %}
                                                 {% ENDFOR %}
                                 </ul>
                 </li>
<li><a href="{CATALOG_URL}" title="Каталог">Каталог</a> </li>
                 <li><a href="/page/catalog" title="Каталог">FAQ</a> </li>
<li><a href="/page/Доставка" title="Доставка и оплата">Доставка и оплата</a> </li>
{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}<li><a href="/user/settings" title="Личный кабинет">Личный кабинет</a> </li> {% ENDIF %}
{% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}<li><a href="/user/login" title="Войти в ЛК">Войти в ЛК</a> </li> {% ENDIF %}
{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}<li><a href="/user/logout" title="Выйти в ЛК">Выход</a> </li> {% ENDIF %}
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
      <!-- end Верхний блок навигации -->
    </div>

main.css.
/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
#mainmenu{
         position:relative;
}
#mainmenu li{
         display: block !important;
         float: left;
}

.podmenu1 {
         display: none;
         left: 0;
         width:200px;
         position: absolute;
         top: 39px;
         z-index:99;
}
.podmenu2 {
         display: none;
         left: 306px;
         width:200px;
         position: absolute;
         top: 39px;
         z-index:99;
}
#mainmenu li:hover ul{display:block;}
.podmenu11{
         width:214px;
         padding:10px;
         border-bottom:1px solid #000;
         background: rgb(39, 37, 37);
         margin-left: 71px;
}
.podmenu22{
         width: 151px;
         padding:10px;
         border-bottom:1px solid #000;
         background:rgb(39, 37, 37);
}
#mainmenu li ul li a{
         font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif;
         padding: 0px;
         background:none;
}
#mainmenu li ul li a:hover{
         background:none;
         color:rgb(205, 226, 236);

[Vaccina]

Пожалуйста, сообщите вы создавали дополнительные меню в разделе Сайт -> Меню с указанием "Имя переменной в шаблоне" в виде header1 для первого меню, и header2 для второго? На данный момент у вас на сайте не видно установки подобного меню, как я понимаю вы вернули изменения обратно.

[Дана]

Как именно надо создать? Я  в разделе верхнее меню добавила 2 переменные header 1 и header 2.

[support 2.0]

Дана (23 Февраль 2013 - 09:54) писал:

Как именно надо создать? Я  в разделе верхнее меню добавила 2 переменные header 1 и header 2.

я так понимаю, Вы хотите реализовать что-то похожее что было в этой теме
Почитайте повнимательней эту инструкцию

[Дана]

Извините пожалуйста, но я снова все повторила, и ничего не выходит! Напишите пожалуйста код непосредственно для моего случая! http://diamond-show.ru/

Я добавила 2 дополнительных подменю header 1 и header 2, изменила в кодах названия категорий и ссылки на страницы. Меню не раскрыватеся.

[miyako]

Дана (23 Февраль 2013 - 11:08) писал:

Извините пожалуйста, но я снова все повторила, и ничего не выходит! Напишите пожалуйста код непосредственно для моего случая! http://diamond-show.ru/

Я добавила 2 дополнительных подменю header 1 и header 2, изменила в кодах названия категорий и ссылки на страницы. Меню не раскрыватеся.

Пришлите пожалуйста код из шаблона HTML, начинающийся на

<!-- Верхний блок навигации -->

и заканчивающийся

<!-- end Верхний блок навигации -->

а также пришлите скриншот раздела меню (Сайт->меню)

[support 2.0]

Дана (23 Февраль 2013 - 11:08) писал:

Извините пожалуйста, но я снова все повторила, и ничего не выходит! Напишите пожалуйста код непосредственно для моего случая! http://diamond-show.ru/

Я добавила 2 дополнительных подменю header 1 и header 2, изменила в кодах названия категорий и ссылки на страницы. Меню не раскрыватеся.

найдите в main.css блок

#top-menu {
		height: 40px;
		overflow: hidden;
position: relative;
left: 25px;
width: 1000px;
margin: 0px auto;
}

измените его на

#top-menu {
		height: 40px;
position: relative;
left: 25px;
width: 1000px;
margin: 0px auto;
}

[Дана]

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
                 <li><a href="http://{NET_DOMAIN}/" title="На главную">Главная</a> </li>
                 <li><a href="/page/Оптовикам" title="Оптовикам">Информация по оптовой закупке</a>
                                 <ul class="podmenu1">
                                                 {% FOR menu %}
                                                                 {% FOR header1 %}
                                                                                 {% FOR links %}
                                                                                                 <li class="podmenu11"><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
                                                                                 {% ENDFOR %}
                                                                 {% ENDFOR %}
                                                 {% ENDFOR %}
                                 </ul>
                 </li>
                                 <li><a href="/page/Специальные-предложения-и-акции" title="Предложения>Предложения</a>
                                 <ul class="podmenu2">
                                                 {% FOR menu %}
                                                                 {% FOR header2 %}
                                                                                 {% FOR links %}
                                                                                                 <li class="podmenu22"><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
                                                                                 {% ENDFOR %}
                                                                 {% ENDFOR %}
                                                 {% ENDFOR %}
                                 </ul>
                 </li>

</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->

support 2.0 (23 Февраль 2013 - 12:08) писал:

найдите в main.css блок

#top-menu {
	 height: 40px;
	 overflow: hidden;
position: relative;
left: 25px;
width: 1000px;
margin: 0px auto;
}

измените его на

#top-menu {
	 height: 40px;
position: relative;
left: 25px;
width: 1000px;
margin: 0px auto;
}

support 2.0 (23 Февраль 2013 - 12:08) писал:

найдите в main.css блок

#top-menu {
	 height: 40px;
	 overflow: hidden;
position: relative;
left: 25px;
width: 1000px;
margin: 0px auto;
}

измените его на

#top-menu {
	 height: 40px;
position: relative;
left: 25px;
width: 1000px;
margin: 0px auto;
}

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