Перейти к содержимому


Изменения


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 82

#1 Александр86

Александр86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 24 Январь 2016 - 18:20

Здравствуйте! Подскажите, как исправить ряд пунктов:
1. В верхней части шапки либо убрать,либо растянуть линию. Скрин прилагаю
2. Как немного поднять вторую строчку с телефоном и т.д.?
3. В кнопке быстрого заказа убрать доставку. То есть оставить только два поля, номер телефона и  просто имя(без фамилии и отчества).
4. На главной в товарах при наведении всплывает синий фон, который закрывает название товара, как именно на главной изменить цвет текста при наведении,т.е сделать его белым, как в остальных товарах.
Заранее спасибо!

Прикрепленные изображения

  • верх1.jpg
  • товар1.jpg


#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Александр86

Александр86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 24 Январь 2016 - 19:58

Спасибо большое, а по 3-4 пункту как произвести изменения?

#4 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 24 Январь 2016 - 20:12

Просмотр сообщенияАлександр86 (24 Январь 2016 - 19:58) писал:

Спасибо большое, а по 3-4 пункту как произвести изменения?

Попробуйте, пожалуйста, сделать следующее:
В шаблоне 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 Александр86

Александр86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 24 Январь 2016 - 20:52

Спасибо, а по поводу быстрого заказа?
И возможно изменение вообще этого блока, то есть когда наводишь на весь блок, а не только на название, название товара становится белым?

#6 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 Александр86

Александр86

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 78 сообщений

Отправлено 25 Январь 2016 - 13:26

Спасибо большое)получилось)

#8 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 25 Январь 2016 - 19:02

подскажите пжл:

1. Как убрать с сайта личный кабинет, вобще убрать?
2. Как исправить в верхней шапке категорию доставка на оплата и доставка.
3. Как убрать звездочки из товарной позиции? Скрин прикрепляю.

Прикрепленные изображения

  • 3.png


#9 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 25 Январь 2016 - 19:38

Просмотр сообщенияAlex87 (25 Январь 2016 - 19:02) писал:

подскажите пжл:

1. Как убрать с сайта личный кабинет, вобще убрать?
2. Как исправить в верхней шапке категорию доставка на оплата и доставка.
3. Как убрать звездочки из товарной позиции? Скрин прикрепляю.
1) Если убрать личный кабинет, то избранное и сравнение не будут работать. Вас устроит данные изменения?
2) В разделе Сайт - Меню, Вы можете редактировать названия разделов.
2) В main.css найдите код
.products-grid .item .item-inner .ratings {
	float: right;
}
и замените на
.products-grid .item .item-inner .ratings {
	float: right;
	display: none;
}


#10 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 26 Январь 2016 - 13:15

Подскажите пжл. Как мне привести главную страницу к такому виду?

Прикрепленные изображения

  • Главная страница.png


#11 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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">&nbsp;</em>с 09:00 до 19:00</div><br>
						 <div class="tel-left"><em class="fa fa-phone">&nbsp;</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">&nbsp;</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>

Результат:

1.jpg

#12 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 26 Январь 2016 - 14:40

ЭТО ДЕЛАТЬ В 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>

Результат:

Изображение

#13 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 26 Январь 2016 - 14:43

Просмотр сообщенияAlex87 (26 Январь 2016 - 14:40) писал:

ЭТО ДЕЛАТЬ В 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>

Результат:

Изображение


Здравствуйте, да, в HTML

#14 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 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">&nbsp;</em>с 09:00 до 19:00</div><br>
						 <div class="tel-left"><em class="fa fa-phone">&nbsp;</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">&nbsp;</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">&nbsp;</em>с 09:00 до 19:00</div><br>
						 <div class="tel-left"><em class="fa fa-phone">&nbsp;</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">&nbsp;</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



Получилось не совсем так как у вас на изображении. Возможно я не правильно что то делал, но я несколько раз попробовал.

Прикрепленные изображения

  • Получилось так.png


#15 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 26 Январь 2016 - 16:33

Просмотр сообщенияRedHead (26 Январь 2016 - 16:07) писал:

Проделайте, пожалуйста, изменения, как написано в инструкции, не забудьте в конец шаблона 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;
}

Этот код отвечает за необходимые стили для телефона и поиска.

Спасибо, все получилось!

#17 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 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">&nbsp;</em>с 09:00 до 19:00</div><br>
						 <div class="tel-left"><em class="fa fa-phone">&nbsp;</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">&nbsp;</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 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 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 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 26 Январь 2016 - 18:48

Просмотр сообщенияRedHead (26 Январь 2016 - 18:04) писал:

Удалите, пожалуйста, в шаблоне 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>

Все получилось!) Только сместилась нижняя часть под слайдером. Теперь каталог и главная сливаются со слайдером. Как можно исправить обратно? Прикрепляю скрин того, как должно выглядеть.

Прикрепленные изображения

  • 11.png


#20 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 26 Январь 2016 - 19:07

Просмотр сообщенияAlex87 (26 Январь 2016 - 18:48) писал:

Все получилось!) Только сместилась нижняя часть под слайдером. Теперь каталог и главная сливаются со слайдером. Как можно исправить обратно? Прикрепляю скрин того, как должно выглядеть.

В шаблоне html замените строки:
<div id="main">
	  <!-- Хлебные крошки -->
на:
<div id="main" style="margin-top: 20px;">
	  <!-- Хлебные крошки -->





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных