Отключен JavaScript

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

0

Выпадающие Меню

Автор Bright, 30 дек. 2015 21:29

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

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

#1 Bright

Пользователь

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

Отправлено 30 Декабрь 2015 - 21:29

Искал-искал, но толку ноль,все расбросано собрать не смог... Прошу помощи в:

1. Выпадающие меню каталога.
2. То, чего добились мы в этом теме(http://forum.storela...лог-по-брендам/), сделать под шаблон Мокко
3. Сделать выпадающие меню в верхних страницах(Главная/Доставка и т.д.)

Тестовый аккаунт для разработки шаблона: SL-368181

Наверх

#2 Vaccina

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

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

Отправлено 31 Декабрь 2015 - 00:35

1. Инструкция по реализации:
http://forum.storela...аров/#entry2906

2. В шаблоне HTML после:

<!-- Каталог -->
		  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
			{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
		  <!-- end Каталог -->

вставьте:

<!-- Каталог -->
		  <h4 class="contentTbodyCatalogHeader">Бренды</h4>
			  <ul id="subNavigation">
			{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IF catalog.HIDE %}
					  <li>
						<a href="{catalog.URL}"
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
					  </li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
		  <!-- end Каталог -->

и в разделе Товары - Товары скройте категории, которые должны отображаться в разделе бренды.

3. Инструкция по реализации:
http://forum.storela...еню/#entry38990

Наверх

#3 Bright

Пользователь

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

Отправлено 01 Январь 2016 - 14:17

Vaccina (31 Декабрь 2015 - 00:35) писал:

1. Инструкция по реализации:
http://forum.storela...аров/#entry2906

2. В шаблоне HTML после:

<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
					 </li>
				 {% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->

вставьте:

<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader">Бренды</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				 {% FOR catalog %}
				 {% IF catalog.HIDE %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
					 </li>
				 {% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->

и в разделе Товары - Товары скройте категории, которые должны отображаться в разделе бренды.

3. Инструкция по реализации:
http://forum.storela...еню/#entry38990

По 2ому пункту - не вышло. Оно добавилось, но надо чуть ниже опустить его, сделать пробел...и не идут туда скрытые категории
По 1ому пункту - не то. Появилось кол-во товаров, это не нужное кол-во... и появился этот ужастный плюсик, а нужно выпадающие меню при наведении мышки
По 3ому пункту - все хорошо. Почти. Сделать рамку для выпадающего меню, чтоб оно было в рамке и не было прозрачного фона меню...А то плохо видно

По 2ому пункту - разобрался, но как сделать, чтоб оно было в 2 солбца и меньшим шрифтом...

Сообщение отредактировал Bright: 01 Январь 2016 - 21:43

Наверх

#4 Bright

Пользователь

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

Отправлено 07 Январь 2016 - 00:42

Тут мне кто то ответит?

(

Наверх

#5 Bright

Пользователь

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

Отправлено 10 Январь 2016 - 20:32

ап

Наверх

#6 RedHead

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

Модераторы
1 052 сообщений

Отправлено 14 Январь 2016 - 11:25

Bright (10 Январь 2016 - 20:32) писал:

ап

Здравствуйте! Аккаунт 368181 заблокирован. Пополните, пожалуйста, баланс, чтобы выполнять дальнейшие инструкции.

Наверх

#7 Bright

Пользователь

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

Отправлено 22 Январь 2016 - 20:27

Этот шаблон применен к основному аккаунту уже. В моем профиле указан номер

Наверх

#8 Bright

Пользователь

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

Отправлено 29 Январь 2016 - 20:31

ап

Наверх

#9 Vaccina

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

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

Отправлено 30 Январь 2016 - 00:55

1. В шаблоне HTML найдите:

<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_full_empty %}
						 {% FOR catalog_full %}
							 {% IFNOT catalog_full.HIDE %}
								 {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
										 <li>
										 <a href="{catalog_full.URL}"
												 {% IF catalog_full.CURRENT %}
													 class="contentTbodycatalog_fullCurent"
												 {% ELSEIF catalog_full.CURRENT_PARENT %}
													 class="contentTbodycatalog_fullCurentBranch"
												 {% ENDIF %}
												 {% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
										 >
											 {catalog_full.NAME}
											 <!-- Отображение количества товаров в категории -->
											 {% IF catalog_full.GOODS_COUNT>0 %}
												 ({catalog_full.GOODS_COUNT})
											 {% ENDIF %}
										 </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 %}
					 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->

замените на:

<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_full_empty %}
						 {% FOR catalog_full %}
							 {% IFNOT catalog_full.HIDE %}
								 {% IF catalog_full.FIRST %}<ul>{% ENDIF %}
										 <li>
										 <a href="{catalog_full.URL}"
												 {% IF catalog_full.CURRENT %}
													 class="contentTbodycatalog_fullCurent"
												 {% ELSEIF catalog_full.CURRENT_PARENT %}
													 class="contentTbodycatalog_fullCurentBranch"
												 {% ENDIF %}
												 {% IF catalog_full.ISSET_SUB %}rel="withchild"{% 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 %}
					 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->

далее в main.css найдите:

#subNavigation li {
font-size: 16px;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif?design=mokko) no-repeat left bottom;
}

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

#subNavigation li {
font-size: 16px;
line-height: 1.5384em;
padding: 0.5em 0;
position: relative;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif?design=mokko) no-repeat left bottom;
}
#subNavigation li ul {
display: none;
}
#subNavigation li ul {
position: absolute;
top: 0px;
left: 200px;
display: none;
z-index: 99;
background:#fff;
}
#subNavigation li:hover > ul {
display: block;
}

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

3. К сожалению, на вашем основном аккаунте отсутствует выпадающее верхнее меню.

Наверх

#10 Bright

Пользователь

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

Отправлено 31 Январь 2016 - 00:05

Vaccina (30 Январь 2016 - 00:55) писал:

1. В шаблоне HTML найдите:

<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_full_empty %}
						 {% FOR catalog_full %}
							 {% IFNOT catalog_full.HIDE %}
								 {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
										 <li>
										 <a href="{catalog_full.URL}"
												 {% IF catalog_full.CURRENT %}
													 class="contentTbodycatalog_fullCurent"
												 {% ELSEIF catalog_full.CURRENT_PARENT %}
													 class="contentTbodycatalog_fullCurentBranch"
												 {% ENDIF %}
												 {% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
										 >
											 {catalog_full.NAME}
											 <!-- Отображение количества товаров в категории -->
											 {% IF catalog_full.GOODS_COUNT>0 %}
												 ({catalog_full.GOODS_COUNT})
											 {% ENDIF %}
										 </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 %}
					 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->

замените на:

<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_full_empty %}
						 {% FOR catalog_full %}
							 {% IFNOT catalog_full.HIDE %}
								 {% IF catalog_full.FIRST %}<ul>{% ENDIF %}
										 <li>
										 <a href="{catalog_full.URL}"
												 {% IF catalog_full.CURRENT %}
													 class="contentTbodycatalog_fullCurent"
												 {% ELSEIF catalog_full.CURRENT_PARENT %}
													 class="contentTbodycatalog_fullCurentBranch"
												 {% ENDIF %}
												 {% IF catalog_full.ISSET_SUB %}rel="withchild"{% 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 %}
					 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->

далее в main.css найдите:

#subNavigation li {
font-size: 16px;
line-height: 1.5384em;
padding: 0.5em 0;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif?design=mokko) no-repeat left bottom;
}

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

#subNavigation li {
font-size: 16px;
line-height: 1.5384em;
padding: 0.5em 0;
position: relative;
background: url({ASSETS_IMAGES_PATH}subnav_rule.gif?design=mokko) no-repeat left bottom;
}
#subNavigation li ul {
display: none;
}
#subNavigation li ul {
position: absolute;
top: 0px;
left: 200px;
display: none;
z-index: 99;
background:#fff;
}
#subNavigation li:hover > ul {
display: block;
}

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

3. К сожалению, на вашем основном аккаунте отсутствует выпадающее верхнее меню.

По 2ому пункту - разобрался, но как сделать, чтоб оно было в 2 солбца и меньшим шрифтом
по 3ому, я его убрал т.к. оно слишком длительное время выглядело криво
по 1ому, не корректно открывается меню, навести с трудом можно, и оно очень маленькое в ширине(

Наверх

#11 MikDark

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

Модераторы
6 468 сообщений

Отправлено 02 Февраль 2016 - 09:37

Bright (31 Январь 2016 - 00:05) писал:

По 2ому пункту - разобрался, но как сделать, чтоб оно было в 2 солбца и меньшим шрифтом
по 3ому, я его убрал т.к. оно слишком длительное время выглядело криво
по 1ому, не корректно открывается меню, навести с трудом можно, и оно очень маленькое в ширине(

В шаблон main.css добавьте код:

ul#subNavigation li ul {
	width: 190px;
}

это должно помочь с меню.

Наверх

#12 Bright

Пользователь

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

Отправлено 02 Февраль 2016 - 19:46

MikDark (02 Февраль 2016 - 09:37) писал:

В шаблон main.css добавьте код:

ul#subNavigation li ul {
width: 190px;
}

это должно помочь с меню.

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

Наверх

#13 Юля123

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

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

Отправлено 03 Февраль 2016 - 09:30

Bright (02 Февраль 2016 - 19:46) писал:

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

Здравствуйте, чтобы поправить его работу, найдите в main.css код:

#subNavigation li ul {
position: absolute;
top: 0px;
left: 200px;
display: none;
z-index: 99;
background:#fff;
}

и замените на код:

#subNavigation li ul {
position: absolute;
top: 0px;
left: 150px;
display: none;
z-index: 99;
background:#fff;
}

Уточните, пожалуйста, какие вопросы у Вас еще актуальны?

Наверх

#14 Bright

Пользователь

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

Отправлено 15 Февраль 2016 - 11:43

Юля123 (03 Февраль 2016 - 09:30) писал:

Здравствуйте, чтобы поправить его работу, найдите в main.css код:

#subNavigation li ul {
position: absolute;
top: 0px;
left: 200px;
display: none;
z-index: 99;
background:#fff;
}

и замените на код:

#subNavigation li ul {
position: absolute;
top: 0px;
left: 150px;
display: none;
z-index: 99;
background:#fff;
}

Уточните, пожалуйста, какие вопросы у Вас еще актуальны?

ничего не поменяло, так же меню при наведении на подкатегорию пропадает и оно становистя не кликабельным

разобрался...другие вопросы :

По 2ому пункту - разобрался, но как сделать, чтоб оно было в 2 солбца и меньшим шрифтом

Наверх

#15 Vaccina

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

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

Отправлено 16 Февраль 2016 - 05:07

В main.css после:

#subNavigation li a:link, #subNavigation li a:visited {
	padding-left: 10px;
	color: #666;
	display: block;
}

добавьте:

#subNavigation li li a {
	font-size: 14px;
}
#subNavigation li li {
	display: inline-block;
	width: 49%;
}

далее найдите:

ul#subNavigation li ul {
	width: 190px;
}

замените на:

ul#subNavigation li ul {
	width: 280px;
}

Наверх

Обратно в Изменение общей стилистики

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

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

Выпадающие Меню

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

Войти

Google поиск