Необходимо Изменить Верхний Блок Меню
#1
Отправлено 03 Октябрь 2015 - 22:01
#4
Отправлено 06 Октябрь 2015 - 03:03
<!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR menu %} {% FOR header %} {% FOR links %} <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </select> </form>
замените на:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR catalog %} <option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%}>{catalog.NAME}</option> {% ENDFOR %} </select> </form>
В main.css добавьте:
#header .links .parent a { padding-right: 30px; }
#5
Отправлено 06 Октябрь 2015 - 11:49
Vaccina (06 Октябрь 2015 - 03:03) писал:
<!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR menu %} {% FOR header %} {% FOR links %} <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </select> </form>
замените на:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR catalog %} <option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%}>{catalog.NAME}</option> {% ENDFOR %} </select> </form>
В main.css добавьте:
#header .links .parent a { padding-right: 30px; }
Нужно чтобы подкатегории выпадали строго под каждой категорией
#6
Отправлено 06 Октябрь 2015 - 21:20
Vaccina (06 Октябрь 2015 - 03:03) писал:
<!-- Верхний блок навигации --> <ul id="main_nav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR menu %} {% FOR header %} {% FOR links %} <option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </select> </form>
замените на:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </ul> <!-- end Верхний блок навигации --> <form name="menu"> <select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value"> <option>Выберите пункт меню...</option> {% FOR catalog %} <option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%}>{catalog.NAME}</option> {% ENDFOR %} </select> </form>
В main.css добавьте:
#header .links .parent a { padding-right: 30px; }
#7
Отправлено 07 Октябрь 2015 - 06:04
.accordion1 { list-style-type: none;position: relative; } .accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;} .accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
замените на:
.accordion1, .accordion2 { list-style-type: none;position: relative; } .accordion1 ul, .accordion2 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;} .accordion1 li , .accordion2 li{ background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;} ul .accordion2 { position: absolute !important; width: 400px !important; background: #FFF none repeat scroll 0% 0%; box-shadow: 1px 1px 5px #CCC; top: 40px; } ul .accordion2 li { display: inline-block; width: 50%; }Далее найдите:
.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .accordion em.open-close:hover {background-color: #333;}замените на:
.accordion em.open-close, .accordion2 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .accordion em.open-close:hover, .accordion2 em.open-close:hover {background-color: #333;}В main.js найдите:
// Меню-аккордеон. Каталог jQuery(document).ready(function () { jQuery("ul.accordion1 li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.accordion1').accordion(); jQuery("ul.accordion1 li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); }); });
после него вставьте:
// Меню-аккордеон. Каталог jQuery(document).ready(function () { jQuery("ul.accordion2 li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.accordion2').accordion(); jQuery("ul.accordion2 li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); }); });
В шаблоне HTML найдите:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </ul>
замените на:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->
#8
Отправлено 07 Октябрь 2015 - 22:02
Vaccina (07 Октябрь 2015 - 06:04) писал:
.accordion1 { list-style-type: none;position: relative; } .accordion1 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;} .accordion1 li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
замените на:
.accordion1, .accordion2 { list-style-type: none;position: relative; } .accordion1 ul, .accordion2 ul { padding: 0 !important; margin: 0; display: block; width: 100%;position: relative;overflow: hidden !important;} .accordion1 li , .accordion2 li{ background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;} ul .accordion2 { position: absolute !important; width: 400px !important; background: #FFF none repeat scroll 0% 0%; box-shadow: 1px 1px 5px #CCC; top: 40px; } ul .accordion2 li { display: inline-block; width: 50%; }Далее найдите:
.accordion em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .accordion em.open-close:hover {background-color: #333;}замените на:
.accordion em.open-close, .accordion2 em.open-close{background: #ff0551 url('{ASSETS_IMAGES_PATH}back_toggle.png?design=spring') -2px -3px no-repeat;width: 22px;height: 22px; position:absolute; right: 4px; top: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .accordion em.open-close:hover, .accordion2 em.open-close:hover {background-color: #333;}В main.js найдите:
// Меню-аккордеон. Каталог jQuery(document).ready(function () { jQuery("ul.accordion1 li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.accordion1').accordion(); jQuery("ul.accordion1 li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); }); });
после него вставьте:
// Меню-аккордеон. Каталог jQuery(document).ready(function () { jQuery("ul.accordion2 li.parent").each(function(){ jQuery(this).append('<em class="open-close"> </em>'); }); jQuery('ul.accordion2').accordion(); jQuery("ul.accordion2 li.active").each(function(){ jQuery(this).children().next("ul").css('display', 'block'); }); });
В шаблоне HTML найдите:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </ul>
замените на:
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->
Но еще не все. Необходимо сделать 6 категорий (как во вложении) и чтобы в каждую из них можно было добавить подкатегории (они должны выпадать при наведении)
#9
Отправлено 08 Октябрь 2015 - 02:39
#12
Отправлено 12 Октябрь 2015 - 10:31
Vaccina (08 Октябрь 2015 - 02:39) писал:
#14
Отправлено 15 Октябрь 2015 - 17:37
zoovmeste (15 Октябрь 2015 - 16:34) писал:
#header .links a:hover, #header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}на
#header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}и в конец main.css добавьте
#header .links li:hover .accordion2 {display: block!important;}
#15
Отправлено 16 Октябрь 2015 - 06:51
<div class="links"> <!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->
замените на:
<div class="links"> <!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->
#16
Отправлено 17 Октябрь 2015 - 21:03
Vaccina (16 Октябрь 2015 - 06:51) писал:
<div class="links"> <!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->
замените на:
<div class="links"> <!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->
1) Необходимо сделать категории как на картинке во вложении, категории нужно залить такими же цветами + добавить "Доставка","Оплата"
2) В верхнем меню не появились категории : Акции, Доставка, Оплата
3) В левом блоке не нужны некоторые категории (они должны быть только в верхнем меню)Указаны на схеме
#17
Отправлено 20 Октябрь 2015 - 10:31
zoovmeste (17 Октябрь 2015 - 21:03) писал:
1) Необходимо сделать категории как на картинке во вложении, категории нужно залить такими же цветами + добавить "Доставка","Оплата"
2) В верхнем меню не появились категории : Акции, Доставка, Оплата
3) В левом блоке не нужны некоторые категории (они должны быть только в верхнем меню)Указаны на схеме
В шаблоне html найдите код
<!-- Каталог товаров --> {%IFNOT catalog_full_empty%} <div class="box"> <div class="box-heading">СОБАКИ</div> <div class="box-content"> <div class="box-category"> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.NAME=Акции%}style=" background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </div> </div> </div> {%ENDIF%} <!-- /Каталог товаров -->и замените на
<!-- Каталог товаров --> {%IFNOT catalog_full_empty%} <div class="box"> <div class="box-heading">СОБАКИ</div> <div class="box-content"> <div class="box-category"> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.NAME= СОБАКИ || catalog_full.NAME= КОШКИ || catalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ || catalog_full.NAME=РЫБКИ || catalog_full.NAME=ПТИЦЫ || catalog_full.NAME=АКЦИИ || catalog_full.NAME=ДОСТАВКА || catalog_full.NAME=ОПЛАТА %}style="display:none;"{% ENDIF %}{% IF catalog_full.NAME=Акции%}style=" background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </div> </div> </div> {%ENDIF%} <!-- /Каталог товаров -->В конец main.css добавьте
#header ul.accordion2 em { display: none; }В шаблоне html найдите код
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->и замените на
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.NAME= СОБАКИ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME= КОШКИ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ %} style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=РЫБКИ %} style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=ПТИЦЫ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=АКЦИИ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=ДОСТАВКА %} style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIF catalog_full.NAME=ОПЛАТА %}style="color: #f00;background: #ff0;font-size: 25px;"{% ENDIF %} {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->В последнем коде стили изменяйте на свои(color, background, font-size)
#18
Отправлено 24 Октябрь 2015 - 22:05
Danil (20 Октябрь 2015 - 10:31) писал:
В шаблоне html найдите код
<!-- Каталог товаров --> {%IFNOT catalog_full_empty%} <div class="box"> <div class="box-heading">СОБАКИ</div> <div class="box-content"> <div class="box-category"> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.NAME=Акции%}style=" background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </div> </div> </div> {%ENDIF%} <!-- /Каталог товаров -->и замените на
<!-- Каталог товаров --> {%IFNOT catalog_full_empty%} <div class="box"> <div class="box-heading">СОБАКИ</div> <div class="box-content"> <div class="box-category"> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.NAME= СОБАКИ || catalog_full.NAME= КОШКИ || catalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ || catalog_full.NAME=РЫБКИ || catalog_full.NAME=ПТИЦЫ || catalog_full.NAME=АКЦИИ || catalog_full.NAME=ДОСТАВКА || catalog_full.NAME=ОПЛАТА %}style="display:none;"{% ENDIF %}{% IF catalog_full.NAME=Акции%}style=" background: #ff0551;"{% ENDIF %}{% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a {% IF catalog_full.NAME=АКЦИИ%}style="color: #ff0551;"{% ENDIF %}href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} </div> </div> </div> {%ENDIF%} <!-- /Каталог товаров -->В конец main.css добавьте
#header ul.accordion2 em { display: none; }В шаблоне html найдите код
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->и замените на
<!-- Верхний блок навигации --> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion2">{% ENDIF %} <li {% IF catalog_full.LEVEL = 0 && catalog_full.NAME != СОБАКИ && catalog_full.NAME != КОШКИ && catalog_full.NAME != ГРЫЗУНЫ, ХОРЬКИ && catalog_full.NAME != РЫБКИ && catalog_full.NAME != ПТИЦЫ %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.NAME= СОБАКИ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME= КОШКИ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=ГРЫЗУНЫ, ХОРЬКИ %} style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=РЫБКИ %} style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=ПТИЦЫ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=АКЦИИ %}style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIFcatalog_full.NAME=ДОСТАВКА %} style="color: #f00;background: #ff0;font-size: 25px;" {% ELSEIF catalog_full.NAME=ОПЛАТА %}style="color: #f00;background: #ff0;font-size: 25px;"{% ENDIF %} {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%} <!-- end Верхний блок навигации -->В последнем коде стили изменяйте на свои(color, background, font-size)
Теперь:
1) Между категориями нужно сделать разделение, а то сливаются
2) Категория "Доставка" и "Оплата" - не появились
3) Корзину нужно переместить между номером телефона и поиском по сайтом: при наведении на категорию "Птицы" - подкатегории залазиют на корзину
#19
Отправлено 25 Октябрь 2015 - 09:44
zoovmeste (24 Октябрь 2015 - 22:05) писал:
Теперь:
1) Между категориями нужно сделать разделение, а то сливаются
2) Категория "Доставка" и "Оплата" - не появились
3) Корзину нужно переместить между номером телефона и поиском по сайтом: при наведении на категорию "Птицы" - подкатегории залазиют на корзину
Здравствуйте.
Попробуйте сделать, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#header .links ul li { margin: 0; padding: 0; list-style: none; float: left; border-left: 2px #fff; }
И замените его вот этим вот кодом:
#header .links ul li { margin: 0; padding: 0; list-style: none; float: left; border-left: 2px #fff; padding-left: 5px; }
#20
Отправлено 25 Октябрь 2015 - 22:49
RayLi (25 Октябрь 2015 - 09:44) писал:
Попробуйте сделать, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#header .links ul li { margin: 0; padding: 0; list-style: none; float: left; border-left: 2px #fff; }
И замените его вот этим вот кодом:
#header .links ul li { margin: 0; padding: 0; list-style: none; float: left; border-left: 2px #fff; padding-left: 5px; }
Теперь оставшиеся два пункта
2) Категория "Доставка" и "Оплата" - не появились
3) Корзину нужно переместить между номером телефона и поиском по сайтом: при наведении на категорию "Птицы" - подкатегории залазиют на корзину
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных