#1
Отправлено 30 Июль 2015 - 10:11
Убрать каталог товаров с правой стороны и сделать его под слайдером!
И возможно ли сделать Выпадающие подкатегории ?
Вот пример!
#2
Отправлено 01 Август 2015 - 12:12
#3
Отправлено 03 Август 2015 - 09:14
#4
Отправлено 04 Август 2015 - 02:49
http://forum.storela...аталогом-места/
#5
Отправлено 04 Август 2015 - 12:11
Vaccina (04 Август 2015 - 02:49) писал:
http://forum.storela...аталогом-места/
#6
Отправлено 05 Август 2015 - 02:02
Блок каталога расположить вам надо вместо меню или все же под слайдером?
#8
Отправлено 06 Август 2015 - 03:06
<!-- Верхний блок навигации --> <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}" {% 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> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
замените на:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"><div id="custommenu"> <ul class="pad-box cont620 mainnav" id="mainmenu"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% 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%} {%ENDIF%} </ul> <div class="clr"></div> </div></div> <!-- end Верхний блок навигации -->
В main.css найдите:
#top-menu { height: 40px; overflow: hidden; }
замените на:
#top-menu { height: 40px; }
В самый конец main.css пропишите:
#custommenu {z-index:1;} #custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;} #custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;} #custommenu ul.mainnav:after {clear: both;} #custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;} #custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);} #custommenu ul.mainnav li.level0:first-child {padding-left: 0;} #custommenu ul.mainnav li.level0 > a {display: block;position: relative;color: #FFF;} #custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;} #custommenu ul.mainnav li.level2 {padding: 0;display: block;} #custommenu ul.mainnav li a.title-lv1 {margin-bottom: 10px;text-transform: uppercase;font-weight: normal;display: block;} #custommenu ul.mainnav li a.title-lv1 {color: #666666; background: none; padding: 0px;} #custommenu ul.mainnav li a.title-lv1:hover {color: #3cabda;} #custommenu ul.mainnav li a.title-lv2 {padding: 5px 5px 5px 20px;display: block;font-size: 13px;} #custommenu ul.mainnav li a.title-lv2:hover {color: #3cabda;} #custommenu ul.mainnav li ul.sub {list-style: none;padding: 0;margin: 0;} #custommenu ul.mainnav li ul.sub.dropdown-menu {padding:10px 20px;}
#9
Отправлено 07 Август 2015 - 13:41
Но есть много недочетов , в каталоге отображаются вообще категории которые я скрыл на сайте.
И у меня чуть поднята шапка , по этому не совпадает Меню с полоской на которой оно должно отображаться.
За ранее спасибо за Ваши ответы.
Vaccina (06 Август 2015 - 03:06) писал:
<!-- Верхний блок навигации --> <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}" {% 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> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
замените на:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"><div id="custommenu"> <ul class="pad-box cont620 mainnav" id="mainmenu"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% 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%} {%ENDIF%} </ul> <div class="clr"></div> </div></div> <!-- end Верхний блок навигации -->
В main.css найдите:
#top-menu { height: 40px; overflow: hidden; }
замените на:
#top-menu { height: 40px; }
В самый конец main.css пропишите:
#custommenu {z-index:1;} #custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;} #custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;} #custommenu ul.mainnav:after {clear: both;} #custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;} #custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);} #custommenu ul.mainnav li.level0:first-child {padding-left: 0;} #custommenu ul.mainnav li.level0 > a {display: block;position: relative;color: #FFF;} #custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;} #custommenu ul.mainnav li.level2 {padding: 0;display: block;} #custommenu ul.mainnav li a.title-lv1 {margin-bottom: 10px;text-transform: uppercase;font-weight: normal;display: block;} #custommenu ul.mainnav li a.title-lv1 {color: #666666; background: none; padding: 0px;} #custommenu ul.mainnav li a.title-lv1:hover {color: #3cabda;} #custommenu ul.mainnav li a.title-lv2 {padding: 5px 5px 5px 20px;display: block;font-size: 13px;} #custommenu ul.mainnav li a.title-lv2:hover {color: #3cabda;} #custommenu ul.mainnav li ul.sub {list-style: none;padding: 0;margin: 0;} #custommenu ul.mainnav li ul.sub.dropdown-menu {padding:10px 20px;}
#10
Отправлено 07 Август 2015 - 14:12
Vaccina (06 Август 2015 - 03:06) писал:
<!-- Верхний блок навигации --> <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}" {% 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> <div class="clr"></div> </div> <!-- end Верхний блок навигации -->
замените на:
<!-- Верхний блок навигации --> <div class="containerin" id="top-menu"><div id="custommenu"> <ul class="pad-box cont620 mainnav" id="mainmenu"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% 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%} {%ENDIF%} </ul> <div class="clr"></div> </div></div> <!-- end Верхний блок навигации -->
В main.css найдите:
#top-menu { height: 40px; overflow: hidden; }
замените на:
#top-menu { height: 40px; }
В самый конец main.css пропишите:
#custommenu {z-index:1;} #custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;} #custommenu ul.mainnav:before, #custommenu ul.mainnav:after {content: " ";display: table;} #custommenu ul.mainnav:after {clear: both;} #custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;} #custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #FFF;position: relative;background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.3);} #custommenu ul.mainnav li.level0:first-child {padding-left: 0;} #custommenu ul.mainnav li.level0 > a {display: block;position: relative;color: #FFF;} #custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.parent:hover ul.dropdown-menu {display: block;visibility: visible;opacity: 1;filter: alpha(opacity=100);-khtml-opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transform-origin: top center;-moz-transform-origin: top center;transform-origin: top center;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;} #custommenu ul.mainnav li.level1 {list-style: none;width: 25%;float: left;} #custommenu ul.mainnav li.level2 {padding: 0;display: block;} #custommenu ul.mainnav li a.title-lv1 {margin-bottom: 10px;text-transform: uppercase;font-weight: normal;display: block;} #custommenu ul.mainnav li a.title-lv1 {color: #666666; background: none; padding: 0px;} #custommenu ul.mainnav li a.title-lv1:hover {color: #3cabda;} #custommenu ul.mainnav li a.title-lv2 {padding: 5px 5px 5px 20px;display: block;font-size: 13px;} #custommenu ul.mainnav li a.title-lv2:hover {color: #3cabda;} #custommenu ul.mainnav li ul.sub {list-style: none;padding: 0;margin: 0;} #custommenu ul.mainnav li ul.sub.dropdown-menu {padding:10px 20px;}
#11
Отправлено 07 Август 2015 - 15:32
karapuzz (07 Август 2015 - 14:12) писал:
.content_page { background: url({ASSETS_IMAGES_PATH}content-page-br.gif?design=shine) no-repeat 710px 68px; overflow:hidden; padding-bottom: 2em; }замените на
.content_page { background: url({ASSETS_IMAGES_PATH}content-page-br.gif?design=shine) no-repeat 710px 68px; overflow:inherit; padding-bottom: 2em; }
#12
Отправлено 07 Август 2015 - 16:38
Ирина345 (07 Август 2015 - 15:32) писал:
.content_page { background: url({ASSETS_IMAGES_PATH}content-page-br.gif?design=shine) no-repeat 710px 68px; overflow:hidden; padding-bottom: 2em; }замените на
.content_page { background: url({ASSETS_IMAGES_PATH}content-page-br.gif?design=shine) no-repeat 710px 68px; overflow:inherit; padding-bottom: 2em; }
#13
Отправлено 07 Август 2015 - 17:28
karapuzz (07 Август 2015 - 16:38) писал:
#14
Отправлено 08 Август 2015 - 01:04
#top-menu { height: 40px; }
замените на:
#top-menu { padding: 0 7px; background: #649CF3; border-radius: 10px; }
#16
Отправлено 10 Август 2015 - 12:50
#17
Отправлено 11 Август 2015 - 16:57
karapuzz (10 Август 2015 - 12:50) писал:
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
замените на
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}" {% IF catalog_full.HIDE %} style="display:none"{%ENDIF%}> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
Темы с аналогичным тегами Сияние, Редактирование шаб
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных