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

[sibulba]

подскажите пожалуйста. как перенести боковое меню с категориями под шапку
http://o42069.storeland.ru
необходимо разместить каталог товаров который сейчас располагается справа горизонтально под шапку сайта.
подскажите как это реализовать. перенести существующее или уже создать новое?

[Castiel]

sibulba (26 Август 2014 - 15:58) писал:

подскажите пожалуйста. как перенести боковое меню с категориями под шапку
http://o42069.storeland.ru
необходимо разместить каталог товаров который сейчас располагается справа горизонтально под шапку сайта.
подскажите как это реализовать. перенести существующее или уже создать новое?

Здравствуйте, уточните пожалуйста, Вы хотите сделать каталог товаров как верхнее меню? Где именно оно должно быть (уточните на скриншоте). Можно сделать вывод каталога как меню (с теми же стилями)

[sibulba]

необходимо чтобы меню наполнялосб через раздел  меню

вот пример

нужен примерный код и примерные стили. остальное докручу сам)

[Castiel]

sibulba (26 Август 2014 - 16:25) писал:

необходимо чтобы меню наполнялосб через раздел  меню

вот пример

нужен примерный код и примерные стили. остальное докручу сам) 1.jpg

Попробуйте так
В шаблоне HTML
После

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

Добавляем

<!-- Верхний блок Каталог -->
	<div class="container" id="top-menu-cat">
		<ul class="pad-box cont620" id="mainmenu-cat">
		  {%IFNOT catalog_empty %}
			{% FOR catalog %}
			  {% IFNOT catalog.HIDE %}
				<li><a href="{catalog.URL}" {% IF catalog.CURRENT %}class="selected"{%ENDIF%} {% IF catalog.TITLE %}title="{catalog.TITLE}"{% ENDIF %}>{catalog.NAME}</a></li>
			  {% ENDIF %}
			{% ENDFOR %}
		  {% ENDIF %}
		</ul>
		<div class="clr"></div>
	  </div>
  <!-- end Верхний блок Каталог -->

Далее добавляем стили в main.css

#top-menu-cat {height: 30px;overflow: hidden;} #mainmenu-cat li  { display:inline;}
  #mainmenu-cat li a{
  font: 12px/30px Helvetica, Tahoma, Arial, sans-serif;
  color: #363636;
  display: block;
  float: left;
  padding-right: 10px;}
  #mainmenu-cat li a:hover {
  }
  #mainmenu-cat li a.home {}

[sibulba]

получилось просто супер
подскажите теперь как сделать так чтобы при нажатии на категорию ПОДКАТЕГОРИИ появлялись снизу а не рядом с категорией

например нажмите на категорию Готовые комплекты рядом справой стороны появятся подкатегории
как сделать так чтобы они появлялись снизу прямо по центру Катигории

[Vaccina]

Немного не понятно, если необходимо чтобы подкатегории отображались в контенте даже среди товаров:
В шаблоне Товары найдите:

<h3>Нет товаров для выбранных условий</h3>
{% ENDIF %}
<!-- В остальных случаях товары есть, отобразим их -->
{% ELSE %}

после разместите:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<ul class="content_catalog_nested_categories">
	 {% FOR nested_categories_list %}
	 <li>
	 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
	 </li>
	
	 {% ENDFOR %}
	 <div class="clr"></div>
</ul>
<br clear="all"/><br />

Если же нужно просто отцентровать подкатегории в правом меню, то в HTML найдите:

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

замените на:

{% IF catalog.LEVEL>0%}style="text-lign:center;"{% ENDIF %}

[sibulba]

сейчас меню горизонтальное обображается так



хотелось бы чтобы выглядело вот так

[batta]

sibulba (27 Август 2014 - 20:34) писал:

сейчас меню горизонтальное обображается так

Untitled-2.jpg

хотелось бы чтобы выглядело вот так
12.jpg

Здравствуйте.
Уточните номер аккаунта на котором нужно произвести изменения.

[sibulba]

batta (27 Август 2014 - 20:37) писал:

Здравствуйте.
Уточните номер аккаунта на котором нужно произвести изменения.

SL-305254

[batta]

sibulba (27 Август 2014 - 20:39) писал:

SL-305254

У вас отоброжаеться как вы хотите

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

• 

[sibulba]

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

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

[batta]

sibulba (27 Август 2014 - 20:49) писал:

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

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

Вам нужно зайти в раздел Товары--Товары--готовы комплекты и от туда удалить "Для него"

[sibulba]

o_0

мне не надо его удалять)
мне нужно чтобы ПОДкатегории отображались ПОД категориями

вот как тут

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

• 

[Vaccina]

В шаблоне HTML перед:

<div id="cpages" class="container">

разместите:

<div class="cat_bot">
	  {%IFNOT catalog_full_empty%}
						  {%FOR catalog_full %}
								{% IF catalog_full.FIRST %}<ul class="level1_cat">{% ENDIF %}
						   <li  {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}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>

и в файл стиле вставьте:

.level1_cat{
text-align:center;
}
.level1_cat li{
display:inline-block;
}
.cat_bot > .level1_cat > li:not(.active),
.cat_bot > .level1_cat > li.active > a,
.cat_bot > .level1_cat > li.active ul ul {
  display:none;
}