Можно мне код меню,как тут:
http://mir-sigaret.ru/
0
Вид Меню
Автор mehman4uk, 31 июля 2013 00:45
Сообщений в теме: 5
#1
Отправлено 31 Июль 2013 - 00:45
#2
Отправлено 31 Июль 2013 - 02:26
Меню которое вы приводите реализовано по умолчанию в шаблоне "Техника". Если вы удалили данный код, то код имеет вид
Изменение содержимого меню необходимо производить в разделе Сайт -> Меню. Меню должно иметь "Имя переменной в шаблоне" вида "header". Так же в данном меню вы можете изменить именование пунктов и задать необходимые вам условия отображения.
<!-- Блок навигации --> {% 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". Так же в данном меню вы можете изменить именование пунктов и задать необходимые вам условия отображения.
#4
Отправлено 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;}и смените название картинки, саму иконку загрузите в раздел Редактор шаблонов
#5
Отправлено 08 Февраль 2014 - 10:23
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;}и смените название картинки, саму иконку загрузите в раздел Редактор шаблонов
подскажите.... не хочу надоедать периодически подобным вопросом, что должен я менять в коде чтобы добавлять другие картинки, это на тот случай если через время еще создам раздел меню.
Спасибо за помощь!
#6
Отправлено 08 Февраль 2014 - 17:01
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;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных