Изменения
#1
Отправлено 24 Январь 2016 - 18:20
1. В верхней части шапки либо убрать,либо растянуть линию. Скрин прилагаю
2. Как немного поднять вторую строчку с телефоном и т.д.?
3. В кнопке быстрого заказа убрать доставку. То есть оставить только два поля, номер телефона и просто имя(без фамилии и отчества).
4. На главной в товарах при наведении всплывает синий фон, который закрывает название товара, как именно на главной изменить цвет текста при наведении,т.е сделать его белым, как в остальных товарах.
Заранее спасибо!
#2
Отправлено 24 Январь 2016 - 18:49
Александр86 (24 Январь 2016 - 18:20) писал:
1. В верхней части шапки либо убрать,либо растянуть линию. Скрин прилагаю
2. Как немного поднять вторую строчку с телефоном и т.д.?
3. В кнопке быстрого заказа убрать доставку. То есть оставить только два поля, номер телефона и просто имя(без фамилии и отчества).
4. На главной в товарах при наведении всплывает синий фон, который закрывает название товара, как именно на главной изменить цвет текста при наведении,т.е сделать его белым, как в остальных товарах.
Заранее спасибо!
Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
#header-top { height: 4px; overflow: hidden; background-color: #4169E1; width: 165px; }
И замените его вот этим вот кодом:
#header-top { height: 4px; overflow: hidden; background-color: #4169E1; }
После чего в том же шаблоне найдите, пожалуйста, следующий код:
#header .container .row .col-md-9.col-xs-12 { padding-left: 0px; float: right; }
И замените его вот этим кодом:
#header .container .row .col-md-9.col-xs-12 { padding-left: 0px; float: right; margin-top: -20px; }
После чего в самый конец шаблона main.css добавьте данный код:
.product-name-new a:hover { color: #fff; width: 300px !important; }
#3
Отправлено 24 Январь 2016 - 19:58
#4
Отправлено 24 Январь 2016 - 20:12
Александр86 (24 Январь 2016 - 19:58) писал:
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:
.products-grid .item .item-inner .product-name-new a { font-size: 16px; font-weight: 600; height: 22px; line-height: 22px; width: 50%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .product-name-new a { font-size: 16px; font-weight: 600; height: 22px; line-height: 22px; width: 50%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: 0px 0px 6px white, 0 0 1em white; }
#5
Отправлено 24 Январь 2016 - 20:52
И возможно изменение вообще этого блока, то есть когда наводишь на весь блок, а не только на название, название товара становится белым?
#6
Отправлено 25 Январь 2016 - 11:25
Александр86 (24 Январь 2016 - 20:52) писал:
И возможно изменение вообще этого блока, то есть когда наводишь на весь блок, а не только на название, название товара становится белым?
Здравствуйте,
1) Название товара. В конце main.css добавьте код:
.item-inner:hover .product-name-new a { color: white; }
2) Быстрый заказ. Это можно сделать следующим образом, в настройках - основные в разделе "Настройка полей доставки, использующихся при оформлении заказа" установите для всех полей значение "
Необязательно для заполнения
". Далее в шаблоне "Быстрый заказ" найдите код:<div class="delivery">
и замените на код:
<div class="delivery" style="display:none;">
далее найдите код:
<div class="adress">
замените на код:
<div class="adress" style="display:none">
#7
Отправлено 25 Январь 2016 - 13:26
#9
Отправлено 25 Январь 2016 - 19:38
Alex87 (25 Январь 2016 - 19:02) писал:
1. Как убрать с сайта личный кабинет, вобще убрать?
2. Как исправить в верхней шапке категорию доставка на оплата и доставка.
3. Как убрать звездочки из товарной позиции? Скрин прикрепляю.
2) В разделе Сайт - Меню, Вы можете редактировать названия разделов.
2) В main.css найдите код
.products-grid .item .item-inner .ratings { float: right; }и замените на
.products-grid .item .item-inner .ratings { float: right; display: none; }
#11
Отправлено 26 Январь 2016 - 14:23
Alex87 (26 Январь 2016 - 13:15) писал:
Здравствуйте. Перед внесением изменений, создайте обязательно бэкап.
1) В шаблоне html замените блок кода:
<div class="col-md-9 col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <!-- 11116 ВРЕМЯ И ТЕЛЕФОН --> <div class="time-left"><em class="fa fa-clock-o"> </em>с 09:00 до 19:00</div><br> <div class="tel-left"><em class="fa fa-phone"> </em><a href="tel:+7904340-33-77">+7(904)340-33-77</a></div> <br> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке -->на:
<div class="col-md-6 col-xs-12"> <!-- Поиск --> <div class="header-search"> <a href="javascript:void(0);"></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="fa fa-search"></button> </div> </form> </div> </div> </div> <div class="col-md-3 col-xs-12"> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> </div>
затем в конец шаблона main.css добавьте:
#header .header-search {margin-top: 20px;} #header .header-search .search-hover .form-search input {margin-top: 1px;position: relative;z-index: 1000;padding: 0;float: left;background: #fff;border: 1px solid #e5e5e5;width:450px;} input.input-text.search-string {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} button.fa.fa-search {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} .tel-right { float: right; position: relative; top: 31px; color: #696c79; font-size: 23px; }
далее найдите в шаблоне HTML строку
<!-- /END Шапка (логотип, каталог)-->и после строки вставьте:
<div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке --> </div> </div> </div>
и наконец, переместите блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->вставив его после строки:
<!-- /END Меню навигации в шапке -->
после строки:
<!-- /END Slider Слайдер -->добавьте:
<br>
Результат:
#12
Отправлено 26 Январь 2016 - 14:40
далее после строки:
<!-- /END Шапка (логотип, каталог)-->
вставьте:
<div class="container">
<div class="row">
<div class="col-xs-12">
<!-- Меню навигации в шапке -->
<div id="custommenu">
<!-- Каталог в шапке -->
<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
{% IF MENU_CATALOG %}
<ul class="mainnav">
{% 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 %}
</ul>
{% ELSE %}
<!-- Меню в шапке -->
<ul class="menunav">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
{% ENDIF %}
</div>
<div id="mommenu" class="menu-collapse">
<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
<i class="fa fa-bars"></i>
</span>
<span class="menu_catalog">Каталог</span>
<div class="menu_collapse_wrap">
<div id="menu_collapse" class="mainnav collapse">
<ul>
{% IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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>
</div>
</div>
<!-- /END Меню навигации в шапке -->
</div>
</div>
</div>
и наконец, переместите блок кода:
<!-- Slider Слайдер -->
<div id="slideshow">
<div class="preloader"><span class="content-loading"></span></div>
<div id="slider" class="owl-carousel owl-theme">
<div class="item">
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
</div>
<div class="item">
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
</div>
<div class="item">
<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
</div>
<div class="item">
<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
</div>
</div>
</div>
<!-- /END Slider Слайдер -->
вставив его после строки:
<!-- /END Меню навигации в шапке -->
после строки:
<!-- /END Slider Слайдер -->
добавьте:
<br>
Результат:
#13
Отправлено 26 Январь 2016 - 14:43
Alex87 (26 Январь 2016 - 14:40) писал:
далее после строки:
<!-- /END Шапка (логотип, каталог)-->
вставьте:
<div class="container">
<div class="row">
<div class="col-xs-12">
<!-- Меню навигации в шапке -->
<div id="custommenu">
<!-- Каталог в шапке -->
<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
{% IF MENU_CATALOG %}
<ul class="mainnav">
{% 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 %}
</ul>
{% ELSE %}
<!-- Меню в шапке -->
<ul class="menunav">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
{% ENDIF %}
</div>
<div id="mommenu" class="menu-collapse">
<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
<i class="fa fa-bars"></i>
</span>
<span class="menu_catalog">Каталог</span>
<div class="menu_collapse_wrap">
<div id="menu_collapse" class="mainnav collapse">
<ul>
{% IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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>
</div>
</div>
<!-- /END Меню навигации в шапке -->
</div>
</div>
</div>
и наконец, переместите блок кода:
<!-- Slider Слайдер -->
<div id="slideshow">
<div class="preloader"><span class="content-loading"></span></div>
<div id="slider" class="owl-carousel owl-theme">
<div class="item">
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
</div>
<div class="item">
<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
</div>
<div class="item">
<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
</div>
<div class="item">
<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
</div>
</div>
</div>
<!-- /END Slider Слайдер -->
вставив его после строки:
<!-- /END Меню навигации в шапке -->
после строки:
<!-- /END Slider Слайдер -->
добавьте:
<br>
Результат:
Здравствуйте, да, в HTML
#14
Отправлено 26 Январь 2016 - 15:23
RedHead (26 Январь 2016 - 14:23) писал:
1) В шаблоне html замените блок кода:
<div class="col-md-9 col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <!-- 11116 ВРЕМЯ И ТЕЛЕФОН --> <div class="time-left"><em class="fa fa-clock-o"> </em>с 09:00 до 19:00</div><br> <div class="tel-left"><em class="fa fa-phone"> </em><a href="tel:+7904340-33-77">+7(904)340-33-77</a></div> <br> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке -->на:
<div class="col-md-6 col-xs-12"> <!-- Поиск --> <div class="header-search"> <a href="javascript:void(0);"></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="fa fa-search"></button> </div> </form> </div> </div> </div> <div class="col-md-3 col-xs-12"> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> </div>
затем в конец шаблона main.css добавьте:
#header .header-search {margin-top: 20px;} #header .header-search .search-hover .form-search input {margin-top: 1px;position: relative;z-index: 1000;padding: 0;float: left;background: #fff;border: 1px solid #e5e5e5;width:450px;} input.input-text.search-string {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} button.fa.fa-search {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} .tel-right { float: right; position: relative; top: 31px; color: #696c79; font-size: 23px; }
далее после строки:
<!-- /END Шапка (логотип, каталог)-->вставьте:
<div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке --> </div> </div> </div>
и наконец, переместите блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->вставив его после строки:
<!-- /END Меню навигации в шапке -->
после строки:
<!-- /END Slider Слайдер -->добавьте:
<br>
Результат:
1.jpg
RedHead (26 Январь 2016 - 14:23) писал:
1) В шаблоне html замените блок кода:
<div class="col-md-9 col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <!-- 11116 ВРЕМЯ И ТЕЛЕФОН --> <div class="time-left"><em class="fa fa-clock-o"> </em>с 09:00 до 19:00</div><br> <div class="tel-left"><em class="fa fa-phone"> </em><a href="tel:+7904340-33-77">+7(904)340-33-77</a></div> <br> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке -->на:
<div class="col-md-6 col-xs-12"> <!-- Поиск --> <div class="header-search"> <a href="javascript:void(0);"></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="fa fa-search"></button> </div> </form> </div> </div> </div> <div class="col-md-3 col-xs-12"> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> </div>
затем в конец шаблона main.css добавьте:
#header .header-search {margin-top: 20px;} #header .header-search .search-hover .form-search input {margin-top: 1px;position: relative;z-index: 1000;padding: 0;float: left;background: #fff;border: 1px solid #e5e5e5;width:450px;} input.input-text.search-string {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} button.fa.fa-search {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} .tel-right { float: right; position: relative; top: 31px; color: #696c79; font-size: 23px; }
далее после строки:
<!-- /END Шапка (логотип, каталог)-->вставьте:
<div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке --> </div> </div> </div>
и наконец, переместите блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->вставив его после строки:
<!-- /END Меню навигации в шапке -->
после строки:
<!-- /END Slider Слайдер -->добавьте:
<br>
Результат:
1.jpg
Получилось не совсем так как у вас на изображении. Возможно я не правильно что то делал, но я несколько раз попробовал.
#15
Отправлено 26 Январь 2016 - 16:07
Alex87 (26 Январь 2016 - 15:23) писал:
Проделайте, пожалуйста, изменения, как написано в инструкции, не забудьте в конец шаблона main.css вставить:
#header .header-search {margin-top: 20px;} #header .header-search .search-hover .form-search input {margin-top: 1px;position: relative;z-index: 1000;padding: 0;float: left;background: #fff;border: 1px solid #e5e5e5;width:450px;} input.input-text.search-string {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} button.fa.fa-search {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} .tel-right { float: right; position: relative; top: 31px; color: #696c79; font-size: 23px; }
Этот код отвечает за необходимые стили для телефона и поиска.
#16
Отправлено 26 Январь 2016 - 16:33
RedHead (26 Январь 2016 - 16:07) писал:
#header .header-search {margin-top: 20px;} #header .header-search .search-hover .form-search input {margin-top: 1px;position: relative;z-index: 1000;padding: 0;float: left;background: #fff;border: 1px solid #e5e5e5;width:450px;} input.input-text.search-string {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} button.fa.fa-search {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} .tel-right { float: right; position: relative; top: 31px; color: #696c79; font-size: 23px; }
Этот код отвечает за необходимые стили для телефона и поиска.
Спасибо, все получилось!
#17
Отправлено 26 Январь 2016 - 17:28
RedHead (26 Январь 2016 - 14:23) писал:
1) В шаблоне html замените блок кода:
<div class="col-md-9 col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <!-- 11116 ВРЕМЯ И ТЕЛЕФОН --> <div class="time-left"><em class="fa fa-clock-o"> </em>с 09:00 до 19:00</div><br> <div class="tel-left"><em class="fa fa-phone"> </em><a href="tel:+7904340-33-77">+7(904)340-33-77</a></div> <br> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке -->на:
<div class="col-md-6 col-xs-12"> <!-- Поиск --> <div class="header-search"> <a href="javascript:void(0);"></a> <div class="search-hover"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="fa fa-search"></button> </div> </form> </div> </div> </div> <div class="col-md-3 col-xs-12"> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> </div>
затем в конец шаблона main.css добавьте:
#header .header-search {margin-top: 20px;} #header .header-search .search-hover .form-search input {margin-top: 1px;position: relative;z-index: 1000;padding: 0;float: left;background: #fff;border: 1px solid #e5e5e5;width:450px;} input.input-text.search-string {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} button.fa.fa-search {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;} .tel-right { float: right; position: relative; top: 31px; color: #696c79; font-size: 23px; }
далее после строки:
<!-- /END Шапка (логотип, каталог)-->вставьте:
<div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Меню навигации в шапке --> <div id="custommenu"> <!-- Каталог в шапке --> <!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} --> {% IF MENU_CATALOG %} <ul class="mainnav"> {% 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 %} </ul> {% ELSE %} <!-- Меню в шапке --> <ul class="menunav"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div> <div id="mommenu" class="menu-collapse"> <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse"> <i class="fa fa-bars"></i> </span> <span class="menu_catalog">Каталог</span> <div class="menu_collapse_wrap"> <div id="menu_collapse" class="mainnav collapse"> <ul> {% IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% 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> </div> </div> <!-- /END Меню навигации в шапке --> </div> </div> </div>
и наконец, переместите блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер -->вставив его после строки:
<!-- /END Меню навигации в шапке -->
после строки:
<!-- /END Slider Слайдер -->добавьте:
<br>
Результат:
1.jpg
Подскажите пжл. После изменений описанных выше перестали быть актывными иконки верхнего меню(Главная, Контакты, корзина и все остальные).
Как вернуть им жизнь?
#18
Отправлено 26 Январь 2016 - 18:04
Alex87 (26 Январь 2016 - 17:28) писал:
Как вернуть им жизнь?
Удалите, пожалуйста, в шаблоне html блок кода:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер --> <br>
и в этом же шаблоне перед строкой
<!-- Меню, Корзина, Поиск -->вставьте:
<div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер --> </div> </div> </div>
#19
Отправлено 26 Январь 2016 - 18:48
RedHead (26 Январь 2016 - 18:04) писал:
<!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер --> <br>
и в этом же шаблоне перед строкой
<!-- Меню, Корзина, Поиск -->вставьте:
<div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Slider Слайдер --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div id="slider" class="owl-carousel owl-theme"> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a> </div> <div class="item"> <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /> </div> <div class="item"> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /> </div> </div> </div> <!-- /END Slider Слайдер --> </div> </div> </div>
Все получилось!) Только сместилась нижняя часть под слайдером. Теперь каталог и главная сливаются со слайдером. Как можно исправить обратно? Прикрепляю скрин того, как должно выглядеть.
#20
Отправлено 26 Январь 2016 - 19:07
Alex87 (26 Январь 2016 - 18:48) писал:
В шаблоне html замените строки:
<div id="main"> <!-- Хлебные крошки -->на:
<div id="main" style="margin-top: 20px;"> <!-- Хлебные крошки -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных