Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Изменение Главной Страницы

Автор Stas_Y, 04 сент. 2015 07:19

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 28

#1 Stas_Y

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

Пользователи
548 сообщений

Отправлено 04 Сентябрь 2015 - 07:19

Добрый день! Хочу привести главную страницу к такому виду: рис в приложении)

Первое: слайдер, рядом с ним два баннера, все это должно быть по ширине страницы
Далее: Идет блок описания магазина и следом 2 блока( один будет ссылаться на товары хиты продаж, второй Новинки) по высоте скажу, что должно уместиться вертикально 4 позиции товара.
Потом красная полоса в ней надпись (она же будет ссылкой на новости магазина), далее сами новости в той же стилистике что и на рис.

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

Наверх

#2 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 04 Сентябрь 2015 - 11:16

Stas_Y (04 Сентябрь 2015 - 07:19) писал:

Добрый день! Хочу привести главную страницу к такому виду: рис в приложении)

Первое: слайдер, рядом с ним два баннера, все это должно быть по ширине страницы
Далее: Идет блок описания магазина и следом 2 блока( один будет ссылаться на товары хиты продаж, второй Новинки) по высоте скажу, что должно уместиться вертикально 4 позиции товара.
Потом красная полоса в ней надпись (она же будет ссылкой на новости магазина), далее сами новости в той же стилистике что и на рис.

Здравствуйте,
1. найдите в файле main.js

  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

замените на

	jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 725));

2. в шаблоне hTML найдите

<!-- Слайдер на главной -->
		{% IF index_page %}
		<div id="slideshow" class="wrap">
		  <div id="slider">
			<!-- Slides Container -->
			<div u="slides" class="slides_container">
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			  </div>
			   <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			  </div>
			</div>
		  </div>
		</div>
		{% ENDIF %}
		<!-- /END Слайдер на главной -->

замените на



  <!-- Слайдер на главной -->
		{% IF index_page %}
		 <div class="container">
		 
		<div id="slideshow" class="wrap" style="width:70%;float:left">
		  <div id="slider">
			<!-- Slides Container -->
			<div u="slides" class="slides_container">
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			  </div>
			   <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			  </div>
			</div>
		  </div>
		</div>
		
		  <div class="banner" >
			<a href="ссылка на ресурс"> <img u="image" src="ссылка на ваше изображение" /></a>
			<a href="ссылка на ресурс"> <img u="image" src="ссылка на ваше изображение" /></a>
		  </div>
		</div>
		{% ENDIF %}
		<!-- /END Слайдер на главной -->

3. найдите в файле main.css

#content {position: relative;top: 165px;}

замените на

#content {position: relative;top: 207px;}

в конец файла добавьте

.banner {width:30%;float:left;}
.banner img {width:100%;}

Наверх

#3 Stas_Y

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

Пользователи
548 сообщений

Отправлено 04 Сентябрь 2015 - 11:26

По слайдеру понятно) хочется дальше

И еще вопрос: а куда мне вставлять свои картинки(баннеры)?

Наверх

#4 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 04 Сентябрь 2015 - 15:56

Stas_Y (04 Сентябрь 2015 - 11:26) писал:

По слайдеру понятно) хочется дальше

И еще вопрос: а куда мне вставлять свои картинки(баннеры)?

Что бы вставить изображения измените ссылке, в коде из сообщения выше.

  <div class="banner" >
						<a href="ссылка на ресурс"> <img u="image" src="ссылка на ваше изображение" /></a>
						<a href="ссылка на ресурс"> <img u="image" src="ссылка на ваше изображение" /></a>
				  </div>

ссылка на ваше изображение

Наверх

#5 Stas_Y

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

Пользователи
548 сообщений

Отправлено 04 Сентябрь 2015 - 19:46

А с ориентируйте по размерам. Какими надо сделать баннеры?

Наверх

#6 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 05 Сентябрь 2015 - 06:03

Чтобы баннеры уменьшались пропорционально и симметрично слайдеру, необходимо чтобы в сумме баннеры по высоте имели 570px

Наверх

#7 Stas_Y

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

Пользователи
548 сообщений

Отправлено 05 Сентябрь 2015 - 06:20

А по первому посту, можете досказать как выстроить блоки, которые ниже баннера?!

Наверх

#8 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 05 Сентябрь 2015 - 06:35

Добавьте товары в категории хиты продаж и новинки, также добавьте новости в разделе Сайт - Новости и статьи.

Наверх

#9 Stas_Y

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

Пользователи
548 сообщений

Отправлено 05 Сентябрь 2015 - 06:40

Сделано!)

Наверх

#10 Stas_Y

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

Пользователи
548 сообщений

Отправлено 05 Сентябрь 2015 - 07:09

Есть еще нюанс "новости" должны отображаться только на главной в таком порядке

Наверх

#11 Stas_Y

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

Пользователи
548 сообщений

Отправлено 05 Сентябрь 2015 - 07:23

И главное выдержать стилистику)

Наверх

#12 Stas_Y

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

Пользователи
548 сообщений

Отправлено 07 Сентябрь 2015 - 05:16

UP

Наверх

#13 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 08 Сентябрь 2015 - 05:33

В шаблоне HTML найдите:

{% IF index_page %}
				<!-- Товары на главной, Хиты продаж, Новинки -->
				<div class="yt-tab-listing">
				  <div class="respl-wrap">
					<!-- Вкладки переключения товаров на главной-->
					<div class="respl-tabs-container">
					  <div class="respl-tabs-wrap">
						<ul class="respl-tabs cf">
						  {% IFNOT index_page_goods_empty %}<li class="respl-tab active"><h4><a href="#tab-goods">Товары на главной</a></h4></li>{% ENDIF %}
						  {% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="#tab-new">Новинки</a></h4></li>{% ENDIF %}
						  {% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="#tab-favorites">Хиты продаж</a></h4></li>{% ENDIF %}
						</ul>
					  </div>
					</div>
					<!-- Вывод содержимого вкладок на главной -->
					<div class="respl-items-container">
					  <!-- Товары на главной -->
					  {% IFNOT index_page_goods_empty %}
					  <div id="tab-goods" class="tab-goods tab-pane fade {% IFNOT index_page_goods_empty %}in active{% ENDIF %}">
						<div class="respl-items  respl-items-selected respl-items-loaded items-category-created_at  respl00-4 respl01-4 respl02-3 respl03-3 respl04-1">
						  <div class="respl-items-inner">
							<div class="products-grid">
							  {% FOR index_page_goods %}
							  <div class="respl-item item clear-resp" itemscope itemtype="http://schema.org/Product">
								<div class="item-inner">
								  <div class="product-image">
									<a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}"><div class="bg-hover-grid"></div></a>			
									<a class="rspl-image" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
									  <img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_goods.NAME}">
									</a>
									<div class="product-addto-wrap">
									  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
										  <!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
										  <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
										<!-- Если есть возможность добавить товар в избранное -->
										{% IF index_page_goods.IS_HAS_IN_FAVORITES_LIST %}
										  <a class="add-wishlist added btn-addto"
											data-action-is-add="0"
											data-action-add-url="{FAVORITES_ADD_URL}"
											data-action-delete-url="{FAVORITES_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
											data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
											title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
											href="{FAVORITES_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										  ></a>
										{% ELSE %}
										  <a class="add-wishlist btn-addto"
											data-action-is-add="1"
											data-action-add-url="{FAVORITES_ADD_URL}"
											data-action-delete-url="{FAVORITES_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
											data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
											title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										  ></a>
										{% ENDIF %}
										<!-- END Если есть возможность добавить товар в избранное -->
								   
										<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
										{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										  {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
											<a class="add-compare added btn-addto"
											  data-action-is-add="0"
											  data-action-add-url="{COMPARE_ADD_URL}"
											  data-action-delete-url="{COMPARE_DELETE_URL}"
											  data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
											  data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  data-prodname="{index_page_goods.NAME}"
											  data-produrl="{index_page_goods.URL}"
											  data-id="{index_page_goods.ID}"
											  data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
											  title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
											></a>
										  {% ELSE %}
											<a class="add-compare btn-addto"
											  data-action-is-add="1"
											  data-action-add-url="{COMPARE_ADD_URL}"
											  data-action-delete-url="{COMPARE_DELETE_URL}"
											  data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
											  data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  data-prodname="{index_page_goods.NAME}"
											  data-produrl="{index_page_goods.URL}"
											  data-id="{index_page_goods.ID}"
											  data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
											  title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
											  href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
											></a>
										  {% ENDIF %}
										{% ENDIF %}
										<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									  </form>
									</div>
								  </div>
								  <div class="product-info">
									<div class="product-name">
									  <a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="name">{index_page_goods.NAME}</a>
									  <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
									</div>
									<div class="product-price">
									  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
										<span class="regular-price">
											<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
											<span class="price" itemprop="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
										  {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
											<p class="price-old">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
										  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
											<p class="price-old">{index_page_goods.MIN_PRICE_OLD | money_format}</p>
										  {% ENDIF %}
										</span>
									  </div>
									</div>
								  </div>
								</div>
							  </div>
							  {% ENDFOR %}
							  <div class="pdt-loadmore">
								<div class="button btn-loadmore showAllGoods">Загрузить все</div>
							  </div>
							</div>
						  </div>
						</div>
					  </div>
					  {% ENDIF %}
					  <!-- /END Товары на главной -->
					  <!-- Новинки -->
					  {% IFNOT index_page_new_goods_empty %}
					  <div id="tab-new" class="tab-new tab-pane fade {% IF index_page_goods_empty || index_page_favorites_goods_empty %}in active{% ENDIF %}">
						<div class="respl-items  respl-items-selected respl-items-loaded items-category-created_at  respl00-4 respl01-4 respl02-3 respl03-3 respl04-1">
						  <div class="respl-items-inner">
							<div class="products-grid">
							  {% FOR index_page_new_goods %}
							  <div class="respl-item item clear-resp" itemscope itemtype="http://schema.org/Product">
								<div class="item-inner">
								  <div class="product-image">
									<a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}"><div class="bg-hover-grid"></div></a>			   
									<a class="rspl-image" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}">
									  <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}">
									</a>
									<div class="product-addto-wrap">
									  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
										  <!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
										  <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
										<!-- Если есть возможность добавить товар в избранное -->
										{% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %}
										  <a class="add-wishlist added btn-addto"
											data-action-is-add="0"
											data-action-add-url="{FAVORITES_ADD_URL}"
											data-action-delete-url="{FAVORITES_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное"
											data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
											title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
											href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										  ></a>
										{% ELSE %}
										  <a class="add-wishlist btn-addto"
											data-action-is-add="1"
											data-action-add-url="{FAVORITES_ADD_URL}"
											data-action-delete-url="{FAVORITES_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное"
											data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
											title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										  ></a>
										{% ENDIF %}
										<!-- END Если есть возможность добавить товар в избранное -->
								   
										<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
										{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										  {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
											<a class="add-compare added btn-addto"
											  data-action-is-add="0"
											  data-action-add-url="{COMPARE_ADD_URL}"
											  data-action-delete-url="{COMPARE_DELETE_URL}"
											  data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  data-prodname="{index_page_new_goods.NAME}"
											  data-produrl="{index_page_new_goods.URL}"
											  data-id="{index_page_new_goods.ID}"
											  data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
											  title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
											></a>
										  {% ELSE %}
											<a class="add-compare btn-addto"
											  data-action-is-add="1"
											  data-action-add-url="{COMPARE_ADD_URL}"
											  data-action-delete-url="{COMPARE_DELETE_URL}"
											  data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											  data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  data-prodname="{index_page_new_goods.NAME}"
											  data-produrl="{index_page_new_goods.URL}"
											  data-id="{index_page_new_goods.ID}"
											  data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
											  title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											  href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
											></a>
										  {% ENDIF %}
										{% ENDIF %}
										<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									  </form>
									</div>
								  </div>
								  <div class="product-info">
									<div class="product-name">
									  <a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" itemprop="name">{index_page_new_goods.NAME}</a>
									  <meta itemprop="description" content="{% IF index_page_new_goods.DESCRIPTION_SHORT %}{index_page_new_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
									</div>
									<div class="product-price">
									  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
										<span class="regular-price">
											<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
											<span class="price" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
										  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
											<p class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
										  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
											<p class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</p>
										  {% ENDIF %}
										</span>
									  </div>
									</div>
								  </div>
								</div>
							  </div>
							  {% ENDFOR %}
							  <div class="pdt-loadmore">
								<div class="button btn-loadmore showAllGoods">Загрузить все</div>
							  </div>
							</div>
						  </div>
						</div>
					  </div>
					  {% ENDIF %}
					  <!-- /END Новинки -->
					  <!-- Хиты продаж -->
					  {% IFNOT index_page_favorites_goods_empty %}
					  <div id="tab-favorites" class="tab-favorites tab-pane fade {% IF index_page_goods_empty && index_page_new_goods_empty %}in active{% ENDIF %}">
						<div class="respl-items  respl-items-selected respl-items-loaded items-category-created_at  respl00-4 respl01-4 respl02-3 respl03-3 respl04-1">
						  <div class="respl-items-inner">
							<div class="products-grid">
							  {% FOR index_page_favorites_goods %}
							  <div class="respl-item item clear-resp" itemscope itemtype="http://schema.org/Product">
								<div class="item-inner">
								  <div class="product-image">
									<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}"><div class="bg-hover-grid"></div></a>			   
									<a class="rspl-image" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}">
									  <img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_favorites_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_favorites_goods.NAME}">
									</a>
									<div class="product-addto-wrap">
									  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
										<input type="hidden" name="hash" value="{HASH}" />
										<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
										<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
										  <!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_favorites_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
										  <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_favorites_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
										<!-- Если есть возможность добавить товар в избранное -->
										{% IF index_page_favorites_goods.IS_HAS_IN_FAVORITES_LIST %}
										  <a class="add-wishlist added btn-addto"
											data-action-is-add="0"
											data-action-add-url="{FAVORITES_ADD_URL}"
											data-action-delete-url="{FAVORITES_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в избранное"
											data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из избранного"
											title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из избранного"
											href="{FAVORITES_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										  ></a>
										{% ELSE %}
										  <a class="add-wishlist btn-addto"
											data-action-is-add="1"
											data-action-add-url="{FAVORITES_ADD_URL}"
											data-action-delete-url="{FAVORITES_DELETE_URL}"
											data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в избранное"
											data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из избранного"
											title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										  ></a>
										{% ENDIF %}
										<!-- END Если есть возможность добавить товар в избранное -->
								   
										<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
										{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										  {% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
											<a class="add-compare added btn-addto"
											  data-action-is-add="0"
											  data-action-add-url="{COMPARE_ADD_URL}"
											  data-action-delete-url="{COMPARE_DELETE_URL}"
											  data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в список сравнения с другими товарами"
											  data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  data-prodname="{index_page_favorites_goods.NAME}"
											  data-produrl="{index_page_favorites_goods.URL}"
											  data-id="{index_page_favorites_goods.ID}"
											  data-mod-id="{index_page_favorites_goods.MIN_PRICE_NOW_ID}"
											  title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
											></a>
										  {% ELSE %}
											<a class="add-compare btn-addto"
											  data-action-is-add="1"
											  data-action-add-url="{COMPARE_ADD_URL}"
											  data-action-delete-url="{COMPARE_DELETE_URL}"
											  data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в список сравнения с другими товарами"
											  data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из списка сравнения с другими товарами"
											  data-prodname="{index_page_favorites_goods.NAME}"
											  data-produrl="{index_page_favorites_goods.URL}"
											  data-id="{index_page_favorites_goods.ID}"
											  data-mod-id="{index_page_favorites_goods.MIN_PRICE_NOW_ID}"
											  title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в список сравнения с другими товарами"
											  href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
											></a>
										  {% ENDIF %}
										{% ENDIF %}
										<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									  </form>
									</div>
								  </div>
								  <div class="product-info">
									<div class="product-name">
									  <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}" itemprop="name">{index_page_favorites_goods.NAME}</a>
									  <meta itemprop="description" content="{% IF index_page_favorites_goods.DESCRIPTION_SHORT %}{index_page_favorites_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
									</div>
									<div class="product-price">
									  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
										<span class="regular-price">
											<span class="price" itemprop="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span>
										  {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
											<p class="price-old">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
										  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
											<p class="price-old">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</p>
										  {% ENDIF %}
										</span>
									  </div>
									</div>
								  </div>
								</div>
							  </div>
							  {% ENDFOR %}
							  <div class="pdt-loadmore">
								<div class="button btn-loadmore showAllGoods">Загрузить все</div>
							  </div>
							</div>
						  </div>
						</div>
					  </div>
					  {% ENDIF %}
					  <!-- /END Хиты продаж -->
					</div>
				  </div>
				</div>
				<!-- /END Товары на главной, Хиты продаж, Новинки -->
			  {% ENDIF %}
			 
			  {BODY}

замените на:

{% IF index_page %}
<div class="index_cont col-lg-4 col-md-2 col-xs-12">
<h3>{PAGE_NAME}</h3><br/>
{BODY}
</div>
<div class="index_cont col-lg-4 col-md-2 col-xs-12">
<h3><a href="{CATALOG_NEW_URL}">Новинки<a></h3><br/>
<!-- Новинки -->
{% IFNOT index_page_new_goods_empty %}
<ul class="products-list">
			{% FOR index_page_new_goods %}{% IF index_page_new_goods.index > 4 %}{break}{% ENDIF %}
			  <li class="item">
				<div class="item-inner" itemscope itemtype="http://schema.org/Product">
				  <div class="product-image col-lg-4 col-md-4 col-sm-5 col-xs-12">
					<a href="{index_page_new_goods.URL | url_amp}" title="{index_page_new_goods.NAME}">
					  <!-- Этикетки Новинки, Хиты, Акции -->
					  {% IF index_page_new_goods.IS_NEW %}
						<span class="new"></span>
					  {% ELSEIF index_page_new_goods.IS_TOP %}
						<span class="best"></span>
					  {% ENDIF %}
					  {% IF index_page_new_goods.MAX_DISCOUNT %}
						<span class="sale right"></span>
					  {% ENDIF %}
						<img class="goods-image-small" alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
					</a>
				  </div>
				  <div class="product-info col-lg-8 col-md-8 col-sm-7 col-xs-12">
					<div class="product-name">
					  <a href="{index_page_new_goods.URL | url_amp}" itemprop="name">{index_page_new_goods.NAME}</a>
					</div>
					<div class="product-price">
					  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
						<span class="regular-price">
							<span class="price" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
							<p class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
						  {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
							<p class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</p>
						  {% ENDIF %}
						</span>
					  </div>
					</div>
				  </div>
				</div>
			  </li>
			{% ENDFOR %}
		  </ul>
{% ENDIF %}
<!-- Новинки -->
</div>
<div class="index_cont col-lg-4 col-md-2 col-xs-12">
<h3><a href="{CATALOG_TOP_SALES_URL}">Хиты продаж<a></h3><br/>
<!-- Хиты продаж -->
{% IFNOT index_page_favorites_goods_empty %}
<ul class="products-list">
			{% FOR index_page_favorites_goods %}{% IF index_page_favorites_goods.index > 4 %}{break}{% ENDIF %}
			  <li class="item">
				<div class="item-inner" itemscope itemtype="http://schema.org/Product">
				  <div class="product-image col-lg-4 col-md-4 col-sm-5 col-xs-12">
					<a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">
					  <!-- Этикетки Новинки, Хиты, Акции -->
					  {% IF index_page_favorites_goods.IS_NEW %}
						<span class="new"></span>
					  {% ELSEIF index_page_favorites_goods.IS_TOP %}
						<span class="best"></span>
					  {% ENDIF %}
					  {% IF index_page_favorites_goods.MAX_DISCOUNT %}
						<span class="sale right"></span>
					  {% ENDIF %}
						<img class="goods-image-small" alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" />
					</a>
				  </div>
				  <div class="product-info col-lg-8 col-md-8 col-sm-7 col-xs-12">
					<div class="product-name">
					  <a href="{index_page_favorites_goods.URL | url_amp}" itemprop="name">{index_page_favorites_goods.NAME}</a>
					</div>
					<div class="product-price">
					  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
						<span class="regular-price">
							<span class="price" itemprop="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
							<p class="price-old">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
						  {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
							<p class="price-old">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</p>
						  {% ENDIF %}
						</span>
					  </div>
					</div>
				  </div>
				</div>
			  </li>
			{% ENDFOR %}
		  </ul>
{% ENDIF %}
<!-- Хиты продаж -->
</div>
{% ELSE %}			 
{BODY}
{% ENDIF %}

Данное изменение изменит контентную область, то есть описание страницы, новинки и хиты встанут в 3 стоблца, также изменен вывод товаров не более 4х позиций в колонке и вывод у товара только фото, название и цена.