Отключен JavaScript

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

Выпадающее Меню- Каталог Шаблон Движение

Автор Dimon74, 23 окт. 2014 23:23

выпадающее меню горизонтальное меню горизонтальный каталог

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

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

#21 admin

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

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

ГородСамара

Отправлено 19 Январь 2015 - 20:00

SL-171870 он у меня один

Наверх

#22 Ирина345

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

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

Отправлено 19 Январь 2015 - 20:16

UltraMag (19 Январь 2015 - 20:00) писал:

SL-171870 он у меня один

Здравствуйте, Вам необходимо создать меню, которое будет при наведение выпадать.
в разделе Сайт-Меню, а так же от какого пункта меню, должно выпадать меню.

Наверх

#23 admin

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

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

ГородСамара

Отправлено 19 Январь 2015 - 20:46

Ирина345 (19 Январь 2015 - 20:16) писал:

Я постараюсь сделать меню сам. Мне нужно только начало....
например ....о нас....выпадающее меню : контакты и новости.

Наверх

#24 Vaccina

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

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

Отправлено 20 Январь 2015 - 05:20

Делаем по инструкции:
http://forum.storela...ие/#entry168270

Только у нас будет иная структура в HTML, допустим, мы создали в разделе Сайт - Меню новый блок меню с переменной about, тогда наша структура в 1 выпадающий пункт и 2 обычных будет вместо:

<!-- Выпадающий каталог -->
					 <div class="menu_block_dropdown mainmenu">
						 <div class="et_categ_box">
							 <div id="et_categ_box_scroll">
		 {%IFNOT catalog_full_empty%}
		 {%FOR catalog_full%}
		 {% IF catalog_full.FIRST %}<ul class="nav">{% ENDIF %}
																 <li class="cat-name
																								 level{catalog_full.LEVEL}
																								 nav-{catalog_full.index}
																								 {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
																								 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
																 ">
																 <a class="main_category" href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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>
						 </div>
					 </div>
					 <!-- end Выпадающий каталог -->

будет следующей:

<!-- Выпадающий каталог -->
<div class="menu_block_dropdown mainmenu">
<div class="et_categ_box">
<div id="et_categ_box_scroll">
<ul class="nav">

<li>
	 <a href="#">О нас</a>
	 <ul>
	 {% FOR menu %}
					 {% FOR about %}
						 {% FOR links %}
						 <li><a href="{menu.about.links.URL}" {% IF menu.about.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.about.links.TITLE %}title="{menu.about.links.TITLE}"{% ENDIF %}>{menu.about.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
	 </ul>
</li>

<li><a href="ссылка">контакты</a>

<li><a href="ссылка">новости</a>

</ul>
</div>
</div>
</div>
<!-- end Выпадающий каталог -->

Наверх

#25 admin

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

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

ГородСамара

Отправлено 20 Январь 2015 - 12:36

Vaccina (20 Январь 2015 - 05:20) писал:

<!-- Выпадающий каталог -->
					 <div class="menu_block_dropdown mainmenu">
						 <div class="et_categ_box">
							 <div id="et_categ_box_scroll">
		 {%IFNOT catalog_full_empty%}
		 {%FOR catalog_full%}
		 {% IF catalog_full.FIRST %}<ul class="nav">{% ENDIF %}
																 <li class="cat-name
																								 level{catalog_full.LEVEL}
																								 nav-{catalog_full.index}
																								 {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
																								 {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
																 ">
																 <a class="main_category" href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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>
						 </div>
					 </div>
					 <!-- end Выпадающий каталог -->

будет следующей:

<!-- Выпадающий каталог -->
<div class="menu_block_dropdown mainmenu">
<div class="et_categ_box">
<div id="et_categ_box_scroll">
<ul class="nav">

<li>
	 <a href="#">О нас</a>
	 <ul>
	 {% FOR menu %}
					 {% FOR about %}
						 {% FOR links %}
						 <li><a href="{menu.about.links.URL}" {% IF menu.about.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.about.links.TITLE %}title="{menu.about.links.TITLE}"{% ENDIF %}>{menu.about.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
	 </ul>
</li>

<li><a href="ссылка">контакты</a>

<li><a href="ссылка">новости</a>

</ul>
</div>
</div>
</div>
<!-- end Выпадающий каталог -->

С этим понятно.

Никак не могу разобраться в стилях.
Хочу как на Сторленде сделать.
При наведении на выпадающее меню закруглённые края, цвет при нажатии фиксируется и т.д.

Наверх

#26 Vaccina

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

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

Отправлено 21 Январь 2015 - 05:30

.mainmenu .nav ul {
		display: none;
		position: absolute;
		left: 0;
		top: 47px;
		background: #000;
		width: 200px;
}

замените на:

.mainmenu .nav ul {
		display: none;
		position: absolute;
		left: 0;
		top: 47px;
		background: #000;
	   border-radius: 10px;
		width: 200px;
}
.mainmenu li a.selected{
background:#fff;
color:#000;
}

Наверх

#27 admin

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

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

ГородСамара

Отправлено 21 Январь 2015 - 07:36

Vaccina (21 Январь 2015 - 05:30) писал:

.mainmenu .nav ul {
	 display: none;
	 position: absolute;
	 left: 0;
	 top: 47px;
	 background: #000;
	 width: 200px;
}

замените на:

.mainmenu .nav ul {
	 display: none;
	 position: absolute;
	 left: 0;
	 top: 47px;
	 background: #000;
	 border-radius: 10px;
	 width: 200px;
}
.mainmenu li a.selected{
background:#fff;
color:#000;
}

Кое-что вышло, но всё же есть вопросы:
Три небольших вопроса о стилистике на скринах.

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

Наверх

#28 Vaccina

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

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

Отправлено 22 Январь 2015 - 01:15

В style.css найдите:

.et_categ_box a:hover, #scroll-box a:hover {
background-color: #ff0000;
color: #fff;
}

замените на:

.et_categ_box li:hover a, #scroll-box li:hover a {
	background-color: #ff0000;
	border-radius: 10px;
	color: #fff;
}

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

.mainmenu .nav ul {
background: rgba(255, 0, 0, 0.8);
border: 0 none;
border-radius: 10px;
display: none;
left: 0;
position: absolute;
top: 25px;
width: 180px;
}

замените на:

.mainmenu .nav ul {
background: none repeat scroll 0 0 #ff0000;
border: 0 none;
border-radius: 0 10px 10px;
display: none;
left: 0;
position: absolute;
top: 21px;
width: 180px;
}

Наверх

#29 admin

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

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

ГородСамара

Отправлено 22 Январь 2015 - 07:15

Vaccina (22 Январь 2015 - 01:15) писал:

В style.css найдите:

.et_categ_box a:hover, #scroll-box a:hover {
background-color: #ff0000;
color: #fff;
}

замените на:

.et_categ_box li:hover a, #scroll-box li:hover a {
	background-color: #ff0000;
	border-radius: 10px;
	color: #fff;
}

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

.mainmenu .nav ul {
background: rgba(255, 0, 0, 0.8);
border: 0 none;
border-radius: 10px;
display: none;
left: 0;
position: absolute;
top: 25px;
width: 180px;
}

замените на:

.mainmenu .nav ul {
background: none repeat scroll 0 0 #ff0000;
border: 0 none;
border-radius: 0 10px 10px;
display: none;
left: 0;
position: absolute;
top: 21px;
width: 180px;
}

Уже лучше,но не все вопросы.

1) Цвет не остаётся на кнопке меню при выборе (скрин вопрос1)

2) При перелистывании выпадающего меню и при нажатии на него цвет. Как сделать? (скрин вопрос2)

3) Скрин Вопрос3

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

Наверх

#30 Danil

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

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

Отправлено 22 Январь 2015 - 10:36

UltraMag (22 Январь 2015 - 07:15) писал:

Здравствуйте.
2) В конец style.css добавьте

.mainmenu .nav ul li:hover a {color:#F00 !important;border-radius:12px;background:#FF0 !important;}

Изменяйте значение color(цвет текста) и background(цвет фона)

Наверх

#31 admin

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

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

ГородСамара

Отправлено 22 Январь 2015 - 11:30

Danil (22 Январь 2015 - 10:36) писал:

Здравствуйте.
2) В конец style.css добавьте

.mainmenu .nav ul li:hover a {color:#F00 !important;border-radius:12px;background:#FF0 !important;}

Изменяйте значение color(цвет текста) и background(цвет фона)

При переходе цвет не остаётся, только при перелистывании.

Наверх

#32 admin

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

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

ГородСамара

Отправлено 29 Январь 2015 - 13:41

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

Наверх

#33 Vaccina

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

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

Отправлено 30 Январь 2015 - 02:15

Как вариант, прописывать условия вручную, так как корневые пункты не идут в цикле, а прописаны.
Пример, имеем исходную строку:

<a href="http://ultramag-samara.ru/cart">Корзина</a>

добавляем условие вида, если мы на странице с данным заголовков(точнее title), то пункт выбран, результат строки:

<a href="http://ultramag-samara.ru/cart" {% IF PAGE_TITLE=Корзина %}class="selected"{% ENDIF %}>Корзина</a>

и так со всеми корневыми пукнтами

Наверх

#34 admin

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

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

ГородСамара

Отправлено 30 Январь 2015 - 07:29

Vaccina (30 Январь 2015 - 02:15) писал:

<a href="http://ultramag-samara.ru/cart">Корзина</a>

добавляем условие вида, если мы на странице с данным заголовков(точнее title), то пункт выбран, результат строки:

<a href="http://ultramag-samara.ru/cart" {% IF PAGE_TITLE=Корзина %}class="selected"{% ENDIF %}>Корзина</a>

и так со всеми корневыми пукнтами

Как не было цвета так и нет!

Наверх

#35 Alekseys

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

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

Отправлено 30 Январь 2015 - 09:31

UltraMag (30 Январь 2015 - 07:29) писал:

Как не было цвета так и нет!

Здравствуйте. Попробуйте заменить подобным образом:

<a href="http://ultramag-samara.ru/cart">Корзина</a>

на

<a href="http://ultramag-samara.ru/cart" {% IF PAGE_NAME = Корзина %}class="selected"{% ENDIF %}>Корзина</a>

Наверх

#36 admin

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

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

ГородСамара

Отправлено 30 Январь 2015 - 09:33

Alekseys (30 Январь 2015 - 09:31) писал:

Здравствуйте. Попробуйте заменить подобным образом:

<a href="http://ultramag-samara.ru/cart">Корзина</a>

на

<a href="http://ultramag-samara.ru/cart" {% IF PAGE_NAME = Корзина %}class="selected"{% ENDIF %}>Корзина</a>

Сделал опять и ничего.

Наверх

#37 Vaccina

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

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

Отправлено 31 Январь 2015 - 03:36

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

<a href="http://ultramag-samara.ru/cart" {% IF PAGE_NAME = Корзина %}class="selected"{% ENDIF %}>Корзина</a>

замените на:

<a href="http://ultramag-samara.ru/cart" {% IF MOD_LNAME= cart%}class="selected"{% ENDIF %}>Корзина</a>

Наверх

#38 admin

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

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

ГородСамара

Отправлено 31 Январь 2015 - 08:36

Vaccina (31 Январь 2015 - 03:36) писал:

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

<a href="http://ultramag-samara.ru/cart" {% IF PAGE_NAME = Корзина %}class="selected"{% ENDIF %}>Корзина</a>

замените на:

<a href="http://ultramag-samara.ru/cart" {% IF MOD_LNAME= cart%}class="selected"{% ENDIF %}>Корзина</a>

Как сделать для русской страницы?
С корзиной понятно ...cart%, а меню....полезное,переходит на подключение (по-русски)

Наверх

#39 Vaccina

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

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

Отправлено 03 Февраль 2015 - 01:14

Если изменение касается обычных страниц, созданных в разделе Сайт страницы, то условие

{% IF MOD_LNAME= cart %}class="selected"{% ENDIF %}

изменяем по следующему примеру:

{% IF PAGE_NAME = Название страницы %}class="selected"{% ENDIF %}

Наверх

Обратно в Другое

Темы с аналогичным тегами выпадающее меню, горизонтальное меню, горизонтальный каталог

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Выпадающее Меню Категории Товаров Автор Гость_Grownchild_* , 18 апр. 2017 выпадающее меню, шапка и 1 еще... 1 2	Популярная тема 26 Ответов 3 752 Просмотров	SKI 16 мая 2017
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Радость → Страница товара → Блок Модификации - Немного Сместить Выпадающее Меню Автор Гость_like.hornet.6_* , 17 авг. 2015 модификация, сместить и 1 еще...	5 Ответов 3 591 Просмотров	like.hornet.6 18 авг. 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Движение → Главная → Главная Страница Движение Автор Гость_Владимир Ал_* , 03 янв. 2015 шапка фон, выпадающее меню и 1 еще... 1 2 3 8 →	Популярная тема 152 Ответов 20 572 Просмотров	Ирина345 08 сент. 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Пластик → Выпадающий Горизонтальный Каталог Товаров Автор Гость_alleha61_* , 17 авг. 2013 Выпадающее меню	8 Ответов 1 679 Просмотров	alleha61 22 авг. 2013
Вопросы работы сервиса StoreLand → Дизайн → Другие вопросы дизайна → Как Сделать Выпадающее Меню Каталога Автор Гость_idurdyev_* , 07 июля 2013 каталог, меню, выпадающее меню	3 Ответов 2 660 Просмотров	miyako 08 июля 2013

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

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

Выпадающее Меню- Каталог Шаблон Движение

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

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

Темы с аналогичным тегами выпадающее меню, горизонтальное меню, горизонтальный каталог

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

Войти

Google поиск