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

[mehman4uk]

Можно мне код меню,как тут:
http://mir-sigaret.ru/

[Vaccina]

Меню которое вы приводите реализовано по умолчанию в шаблоне "Техника". Если вы удалили данный код, то код имеет вид

<!-- Блок навигации -->
			{% IFNOT menu_empty %}
			  <ul class="span44 links">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						  class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					  </li>
				{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			{% ENDIF %}

Изменение содержимого меню необходимо производить в разделе Сайт -> Меню. Меню должно иметь "Имя переменной в шаблоне" вида "header". Так же в данном меню вы можете изменить именование пунктов и задать необходимые вам условия отображения.

[brillik21]

Подскажите как можно добавить картинку!
Спасибо!

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

• 

[Vaccina]

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

<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						  class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

замените на:

<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						  class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user
		{% ELSEIF menu.header.links.NAME=О нас %}about_us{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

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

.header .welcome-msg{font-size:1.2em; color:#B3133E; padding-left:10px;}

перед ним вставьте:

.header .links li a.about_us{background:url("{ASSETS_IMAGES_PATH}название картинки") left center no-repeat;}

и смените название картинки, саму иконку загрузите в раздел Редактор шаблонов

[brillik21]

Vaccina (08 Февраль 2014 - 03:43) писал:

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

<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						 class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

замените на:

<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						 class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user
	 {% ELSEIF menu.header.links.NAME=О нас %}about_us{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

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

.header .welcome-msg{font-size:1.2em; color:#B3133E; padding-left:10px;}

перед ним вставьте:

.header .links li a.about_us{background:url("{ASSETS_IMAGES_PATH}название картинки") left center no-repeat;}

и смените название картинки, саму иконку загрузите в раздел Редактор шаблонов

Спасибо! ! Как сделать чтобы в меню иконка о нас не пропадала при наведении на нее курсором и как текст во всем меню сделать черный!? (http://vitrina-gifts.ru/)
подскажите.... не хочу надоедать периодически подобным вопросом, что должен я менять в коде чтобы добавлять другие картинки, это на тот случай если через время еще создам раздел меню.

Спасибо за помощь!

[sengun]

brillik21 (08 Февраль 2014 - 10:23) писал:

Спасибо! ! Как сделать чтобы в меню иконка о нас не пропадала при наведении на нее курсором и как текст во всем меню сделать черный!? (http://vitrina-gifts.ru/)
подскажите.... не хочу надоедать периодически подобным вопросом, что должен я менять в коде чтобы добавлять другие картинки, это на тот случай если через время еще создам раздел меню.

Спасибо за помощь!

Здравствуйте.
В шаблоне main.css замените

.header .links li a.about_us{background:url("{ASSETS_IMAGES_PATH}меню-о-нас.gif") left center no-repeat;}

на такой код

.header .links li a.about_us, .header .links li a.about_us-act {background:url("{ASSETS_IMAGES_PATH}меню-о-нас.gif") left center no-repeat;}

Чтобы шфрит в меню сделать черным, в коде

.header .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#B2B2B2; text-decoration:none;padding-left:20px;text-align:left;}

замените

#B2B2B2

на

#000

Чтобы добавлять иконки к новым пунктам меню, нужно добавлять классы к элементам, выводящем их и для этих классов прописывать фон.
Для большей наглядности, замените код в HTML

{% ELSEIF menu.header.links.NAME=О нас %}about_us{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

разделите его на 2 строки

{% ELSEIF menu.header.links.NAME=О нас %}about_us{% ENDIF %}
{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

Так при добавлении новых пунктов последняя строка будет всегда оставаться, предпоследняя чуть-чуть изменять и новая строка добавится перед последней. Например, добавите вы пункт меню "Галерея". Предпоследняя строка изменится так

{% ELSEIF menu.header.links.NAME=О нас %}about_us

после нее нужно добавить такую строку

{% ELSEIF menu.header.links.NAME=Галерея %}gallery{% ENDIF %}

т.е. прописали условие для пункта меню "Галерея" прописать класс "gallery".
В итоге выйдет такой код

{% ELSEIF menu.header.links.NAME=О нас %}about_us
{% ELSEIF menu.header.links.NAME=Галерея %}gallery{% ENDIF %}
{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

Если, допустим, появится еще пункт "Пункт", то код будет таким

{% ELSEIF menu.header.links.NAME=О нас %}about_us
{% ELSEIF menu.header.links.NAME=Галерея %}gallery
{% ELSEIF menu.header.links.NAME=Пункт %}punkt{% ENDIF %}
{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>

Думаю, логика понятна.
Теперь надо для введенных классов прописать фоновое изображение.
В main.css после

.header .links li a.about_us, .header .links li a.about_us-act{background:url("{ASSETS_IMAGES_PATH}меню-о-нас.gif") left center no-repeat;}

нужно прописывать строки, аналогичные этой, вместо about_us ставить gallery или punkt, и заменять имя картинки, которую надо загружать в разделе "Сайт" - "Редактор шаблонов".

.header .links li a.gallery, .header .links li a.gallery-act{background:url("{ASSETS_IMAGES_PATH}галерея.gif") left center no-repeat;}
.header .links li a.punkt, .header .links li a.punkt-act{background:url("{ASSETS_IMAGES_PATH}пункт.gif") left center no-repeat;}