Выпадающее Меню
#1
Отправлено 28 Октябрь 2015 - 20:15
Нужно чтобы при наведении курсора на Мастер Классы выпадало меню с тремя строками.
#2
Отправлено 28 Октябрь 2015 - 21:56
#3
Отправлено 29 Октябрь 2015 - 05:48
http://forum.storela...еню/#entry28263
На счет кнопки "В корзину", в шаблоне Товары найдите:
<a class="readmore" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить в корзину">В корзину</a><br />
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">В корзину</a> </form>
в main.js найдите:
// Добавление товара в корзину через ajax $('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){ $(this).nyroModalManual({ formIndicator: 'ajax_q', // Value added when a form is sent minWidth: 450, // Minimum width minHeight: 140, // Minimum height gallery: null // Gallery name if provided }); return false; });
замените на:
// Добавление товара в корзину через ajax $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){ $(this).nyroModalManual({ formIndicator: 'ajax_q', // Value added when a form is sent minWidth: 450, // Minimum width minHeight: 140, // Minimum height gallery: null // Gallery name if provided }); return false; });
#4
Отправлено 29 Октябрь 2015 - 15:15
А с меню ничего не получается и нет шаблона maincsstemplate.css.
#5
Отправлено 30 Октябрь 2015 - 01:55
Цитата
Цитата
Цитата
Так все таки его необходимо убрать или оставить, немного не понятно?
#6
Отправлено 30 Октябрь 2015 - 02:12
#7
Отправлено 30 Октябрь 2015 - 02:35
#8
Отправлено 30 Октябрь 2015 - 02:51
#9
Отправлено 30 Октябрь 2015 - 02:54
#10
Отправлено 30 Октябрь 2015 - 02:58
#11
Отправлено 30 Октябрь 2015 - 03:01
Цитата
При создании дополнительных меню указываем обязательно имя переменной в шаблоне так как оно необходимо в коде.
Будем делать по моему примеру.
Я сделаю 3 дополнительных меню с переменными: header1, header2, header3.
#12
Отправлено 30 Октябрь 2015 - 04:37
#13
Отправлено 30 Октябрь 2015 - 05:28
#14
Отправлено 30 Октябрь 2015 - 16:33
#15
Отправлено 30 Октябрь 2015 - 17:11
Mizou (30 Октябрь 2015 - 16:33) писал:
<li><a href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a> <ul> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li>замените на
<li><a class="menu_link" href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a> <ul class="vypad"> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li>
далее в файле main.css найдите
#mainmenu{ position:relative; } #mainmenu li{ display: block !important; float: left; } #mainmenu li ul { display: none; left: 0; width:200px; position: absolute; top: 39px; z-index:99; } #mainmenu li:hover ul{display:block;} #mainmenu li ul li{ width:200px; padding:10px; border-bottom:1px solid #000; background:#999; } #mainmenu li ul li a{ font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif; padding: 0px; background:none; } #mainmenu li ul li a:hover{ background:none; }замените на
#mainmenu{ position:relative; } #mainmenu li{ display: block !important; float: left; } #mainmenu li ul { display: none; width:100px; position: absolute; top: 37px; z-index:99; } #mainmenu li:hover ul{display:block;} #mainmenu li ul li{ width:100px; border-bottom:1px solid #000; background:#999; } #mainmenu li ul li a{ font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif; padding: 0px; background:none; } #mainmenu li ul li a:hover{ background:none; } .vypad li a { background: #C44800 !important; } .vypad li { background: #C44800 !important; }
#16
Отправлено 30 Октябрь 2015 - 17:21
#18
Отправлено 30 Октябрь 2015 - 18:15
#19
Отправлено 30 Октябрь 2015 - 18:50
Mizou (30 Октябрь 2015 - 18:15) писал:
Тогда вам необходимо в HTML-шаблоне изменить код:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" class="menu_link {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <li><a class="menu_link" href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a> <ul class="vypad"> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> <li><a href="ссылка" title="На главную">Главная</a> </li> <li><a class="menu_link" href="http://scrapbusinka.ru/page/MC" title="Расписание Мастер-классов">Мастер классы</a> <ul class="vypad"> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </li> <li><a href="ссылка" title="На главную">Акции</a> </li> <li><a href="ссылка" title="На главную">Доставка</a> </li> <li><a href="ссылка" title="На главную">Контакты</a> </li> <li><a href="ссылка" title="На главную">Личный кабинет</a> </li> </ul> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
Измените "ссылка" на ссылки страниц, которые вам нужно, "на главную" на то описание, какое вы бы хотели увидеть у себя на странице.
#20
Отправлено 30 Октябрь 2015 - 18:58
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных