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


Изменить Меню

меню

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

#21 Ирина345

Ирина345

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

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

Отправлено 13 Май 2015 - 15:24

 Hiding (12 Май 2015 - 16:40) писал:

Получилось во как.

12-05-2015 22-36-05.png

Одно меню я так понимаю надо убрать с главного?
И подпункты надо чтоб не полосками выделялись, а при наведении меняли цвет на темный цвет фона.
А родительский пункт чтоб полосками выделялся.
Спасибо.
Здравствуйте, зайдите в раздел Сайт-Меню и удалите пункт меню Протеины
далее добавьте в конец main.css
ul.vtoroc li {
  border: none !important;
}


#22 Hiding

Hiding

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

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

Отправлено 13 Май 2015 - 15:28

Добавил, ничего не изменилось.

#23 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 13 Май 2015 - 15:35

 Hiding (13 Май 2015 - 15:28) писал:

Добавил, ничего не изменилось.
В конец main.css добавьте
.menuWrap li a:before, .menuWrap li a:after, .menuWrap li a.selected:before, .menuWrap li a.selected:after {
  border: none;
}


#24 Hiding

Hiding

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

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

Отправлено 13 Май 2015 - 15:46

А теперь пункты не выделяются вообще.

#25 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 13 Май 2015 - 15:56

 Hiding (13 Май 2015 - 15:46) писал:

А теперь пункты не выделяются вообще.
В конец main.css добавьте
.menuWrap li:hover {
  background: #4C3030;
}
изменяйте цвет #4C3030 на свой

#26 Hiding

Hiding

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

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

Отправлено 13 Май 2015 - 16:02

Отлично,спасибо. Но родительское меню так и не выделяется. При наведении и при выборе.

#27 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 13 Май 2015 - 16:15

 Hiding (13 Май 2015 - 16:02) писал:

Отлично,спасибо. Но родительское меню так и не выделяется. При наведении и при выборе.
В конец main.css добавьте(для первого пункта меню)
.menuWrap li:first-child:hover {
  background: #4C3030;
}
.menuWrap li:first-child a:before, .menuWrap li:first-child a:after, .menuWrap li:first-child a.selected:before, .menuWrap li:first-child a.selected:after {
  border: none;
}


#28 Hiding

Hiding

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

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

Отправлено 13 Май 2015 - 18:59

Не, ребята. Вы меня не так поняли.
1.При переходе на главную страницу у меня отображаются 2 активных пункта меню (отметил на скрине)
2.При наведении на пункт меню оно выделяется бордером. Я бы хотел это оставить. Но пункты всплывающего меню тоже все выделены бордером.
Мне надо чтоб выделение было только при наведении на пункт меню и на активном меню.

14-05-2015 0-57-22.png

3.При добавлении еще одного всплывающего меню у меня вот такая фигня получается...

13-05-2015 22-03-59.png

Спасибо вам за терпение...

#29 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Май 2015 - 03:40

1. В какой-то степени это правильно и логично, потому что пункт меню "Креатин" ведет на главную страницу, измените на него ссылку.
2.В main.css после:
.menuWrap li a {
  color: white;
  font-size: 20px;
  padding: 2px 0;
  position: relative;
}

добавьте:
.vtoroc li a, .vtoroc li a::before, .vtoroc li a::after {
  border: medium none !important;
}

3. Повторите изменения по прошлым инструкциям, судя по результатам, вы дублируете всю структуру, а необходимо добавить один  с вложением.

#30 Hiding

Hiding

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

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

Отправлено 14 Май 2015 - 04:14

 Vaccina (14 Май 2015 - 03:40) писал:

.menuWrap li a {
color: white;
font-size: 20px;
padding: 2px 0;
position: relative;
}

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

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

#31 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Май 2015 - 04:20

Протеин у вас вставлен вручную, поэтому нет выделения при переходе, в шаблоне HTML найдите:
<li><a class="menuparent" href="http://sait.ru/catalog/Proteiny">Протеины</a>

замените на:
<li><a class="menuparent {% IF CATEGORY_NAME = Протеины %}selected{%ENDIF%}" href="http://sait.ru/catalog/Proteiny">Протеины</a>

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

#32 Hiding

Hiding

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

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

Отправлено 14 Май 2015 - 04:31

По-потихоньку приближаемся к цели.
1.Получается что при активном подпункте меню нужно чтобы его родитель тоже выделялся.

14-05-2015 10-29-47.png

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

#33 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Май 2015 - 04:49

1. В этом случае вам лучше:
<li><a class="menuparent {% IF CATEGORY_NAME = Протеины %}selected{%ENDIF%}" href="http://sait.ru/catalog/Proteiny">Протеины</a>

заменить на:
<li><a class="menuparent {% FOR upper_navigation %}{% IF upper_navigation.NAME = Протеины %}selected{% ENDIF %}{% ENDFOR %}" href="http://sait.ru/catalog/Proteiny">Протеины</a>

2. Уточните пожалуйста, к какому пункту вам необходимо добавить всплывающее меню?

#34 Hiding

Hiding

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

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

Отправлено 14 Май 2015 - 04:57

Гейнеры.
У меня вот как получается.

14-05-2015 10-55-44.png

Оно не реагирует на нажатие. И подпункты не вылазят.

#35 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Май 2015 - 05:17

<li><a class="menuparent {% IF CATEGORY_NAME = Гейнеры %}selected{%ENDIF%}" http://sait.ru/catalog/gainer">Гейнеры</a>
		<ul class="vtoroc">	{% FOR menu %}
								   {% FOR protein %}
										 {% FOR links %}
														   <li><a class="menuparent {% IF menu.gainer.links.SELECTED %}selected{%ENDIF%}" href="{menu.gainer.links.URL}"  {% IF menu.gainer.links.TITLE %}title="{menu.gainer.links.TITLE}"{% ENDIF %}>{menu.gainer.links.NAME}</a></li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}					
  </ul></li>

замените на:
<li><a class="menuparent {% IF CATEGORY_NAME = Гейнеры %}selected{%ENDIF%}" href="http://sait.ru/catalog/gainer">Гейнеры</a>
		<ul class="vtoroc">	{% FOR menu %}
								   {% FOR gainer %}
										 {% FOR links %}
														   <li><a class="menuparent {% IF menu.gainer.links.SELECTED %}selected{%ENDIF%}" href="{menu.gainer.links.URL}"  {% IF menu.gainer.links.TITLE %}title="{menu.gainer.links.TITLE}"{% ENDIF %}>{menu.gainer.links.NAME}</a></li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}					
  </ul></li>

в коде изменены ссылки, поправьте на свои

#36 Hiding

Hiding

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

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

Отправлено 14 Май 2015 - 05:38

С этим все получилось. Но не так все хорошо.

1. Добавляю еще одно всплывающее меню оно почему то так же отображается. Не могу понять, вроде все правильно прописываю.
2. Позиция всплывающего меню отображается на одном и том же месте вне зависимо какой пункт меню я разворачиваю.
3. И все эти всплывающие меню распологаются по порядку, а не так как в основном меню. Мне то надо основной пункт заменить.

14-05-2015 11-30-54.png

#37 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Май 2015 - 05:44

Если вы хотите добавить выпадающее меню к существующему меню, то тут немножко иначе необходимо сделать структуру, пример, было:
{% FOR menu %}
								   {% FOR header %}
										 {% FOR links %}
														   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}  

стало:
{% FOR menu %}
								   {% FOR header %}
										 {% FOR links %}
														   <li>
				 <a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
				
				 {% IF menu.header.links.NAME = Специальные препараты %}
					<ul class="vtoroc">	{% FOR menu %}
								   {% FOR protein %}
										 {% FOR links %}
														   <li><a class="menuparent {% IF menu.protein.links.SELECTED %}selected{%ENDIF%}" href="{menu.protein.links.URL}"  {% IF menu.protein.links.TITLE %}title="{menu.protein.links.TITLE}"{% ENDIF %}>{menu.protein.links.NAME}</a></li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}					
  </ul>
				 {% ENDIF %}
				
				 </li>
										 {% ENDFOR %}
								   {% ENDFOR %}
								 {% ENDFOR %}  

только вместо protein используйте свою переменную

#38 Hiding

Hiding

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

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

Отправлено 14 Май 2015 - 05:59

Не удалось скомпилировать код...

#39 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Май 2015 - 06:28

Прошу прощения, самое просто у меня с головы вылетело =( Нельзя цикл в цикл размещать, то есть:
{% FOR %}
   {% FOR %}
	  ...
   {% ENDFOR %}
{% ENDFOR %}

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

По порядку вывода пунктов, все зависит от того где вы разместили дополнительный пункты, до или после:
{% FOR menu %}
																   {% FOR header %}
																				 {% FOR links %}
																												   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
																				 {% ENDFOR %}
																   {% ENDFOR %}
																 {% ENDFOR %}


#40 Hiding

Hiding

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

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

Отправлено 14 Май 2015 - 06:36

На счет дублирования я знаю. Просто привел как пример где бы я хотел воткнуть это всплывающее меню.
По поводу до или после я пробовал уже. Оно или до menu.header или после него. А я хотел в нем.
Может его удалить вовсе и все пункты отдельно прописать?





Темы с аналогичным тегами меню

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

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