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


Товары На Главной Как В Категориях


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

#1 Anastezia

Anastezia

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

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

Отправлено 04 Февраль 2014 - 13:38

Подскажите пожалуйста, как вывести на главной странице товары чтобы они были не каруселью а как в категориях? А новинки оставить под ними как есть каруселью.

#2 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 04 Февраль 2014 - 17:21

Просмотр сообщенияAnastezia (04 Февраль 2014 - 13:38) писал:

Подскажите пожалуйста, как вывести на главной странице товары чтобы они были не каруселью а как в категориях? А новинки оставить под ними как есть каруселью.
Добрый вечер
В  Html найдите код:
<!-- Список товаров на главной -->
			{% IFNOT index_page_goods_empty %}
			  <div class="autumnshowcase_block group special_procducts">
		  <div class="title_block group">
		  <h4>Товары на главной</h4>
		  <div class="carousel_controls">
		   <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
		   <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
		  </div>
		 </div>
		 <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">
		  <ul>
				  {% FOR index_page_goods %}
					<li class="ajax_block_product item">
					  <a class="image_link" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
						<img class="product_image" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}">
					  </a>
					  <div class="product_details">
						<h5><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_goods.NAME}</a></h5>
						<div class="price_container">
						  <span class="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 %}
							<span class="old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %} 
						</div>
					  </div>
					  <div class="rating">
						<!-- Среднее значение по результатам всех отзывов об этом товаре -->
						{% IF index_page_goods.OPINION_RATING_VALUE %}
						  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
						{% ENDIF %}
					   
						{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
						  <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
						{% ELSE %}
						  <a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						{% ENDIF %}
					  </div>
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton 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="exclusive" href="" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a-->
						<a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
					  </form>  
					</li>
				  {% ENDFOR index_page_goods %}
		  </ul>
		 </div>
		</div>
			{% ENDIF %}
			<!-- /Список товаров на главной -->
и замените его на:
<!-- Список товаров на главной -->
			{% IFNOT index_page_goods_empty %}
			  <div class="autumnshowcase_block group special_procducts">
			<div class="title_block group">
		  <h4>Товары на главной</h4>
		 <!-- <div class="carousel_controls">
		   <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
		   <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
		  </div> -->
		 </div>
		<!-- <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true">  -->
			<div class="goods1">
		  <ul> 
				  {% FOR index_page_goods %}
					<li class="ajax_block_product item">
				  <a class="image_link" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
						<img class="product_image" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}">
					  </a>
					 
					  <div class="product_details">
						<h5><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_goods.NAME}</a></h5>
						<div class="price_container">
						  <span class="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 %}
							<span class="old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<span class="old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span>
						  {% ENDIF %} 
						</div> 
					  </div>
					  <div class="rating">
						<!-- Среднее значение по результатам всех отзывов об этом товаре -->
						{% IF index_page_goods.OPINION_RATING_VALUE %}
						  <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
						{% ENDIF %}
					   
						{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
						  <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
						{% ELSE %}
						  <a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
						{% ENDIF %}
					  </div>
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton 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="exclusive" href="" onclick="$('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a-->
						<a class="exclusive" href="#" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a>
					  </form>  
				  </li>  
				  {% ENDFOR index_page_goods %}
		 </ul>
		 </div>
					 
		</div>
			{% ENDIF %}
			<!-- /Список товаров на главной -->
в main.css заменяем:
.autumnshowcase_block li {
position: relative;
width: 210px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
text-align: center;
}
на
.autumnshowcase_block li {
float: left;
position: relative;
width: 210px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
text-align: center;
}


#3 Anastezia

Anastezia

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

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

Отправлено 05 Февраль 2014 - 18:36

Получилось! Но только с товарами проблема. Четвертый товар не влезает и перемещается в низ.

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

  • 1.JPG
  • 2.JPG


#4 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 05 Февраль 2014 - 19:19

Здравствуйте, не могли вы уточнить где именно товары отображаются вот так, главная страница сайта у вас сейчас выглядит вот так(скрин)

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

  • Безымянный.png


#5 Anastezia

Anastezia

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

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

Отправлено 09 Февраль 2014 - 20:03

Так отображается на главной странице над каруселью новинки, но я после изменений возвращаю все как было, так как клиенты заходят а отображение некрасивое.

#6 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 10 Февраль 2014 - 19:51

Проделайте изменения из сообщения выше, связанные с кодом в шаблоне HTML, но в файле main.css найдите блок
.autumnshowcase_block li {
position: relative;
width: 210px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
text-align: center;
}
и замените его на
.autumnshowcase_block li {
position: relative;
width: 210px;
height: auto;
margin: 0;
padding: 0 30px 0 0;
text-align: center;
display: inline-table;
}


#7 Anastezia

Anastezia

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

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

Отправлено 10 Февраль 2014 - 21:04

Получилось! Но только мне пришлось подправить padding: с 30 px до 18 px. Иначе все равно переносилось на другую строчку.

#8 Anastezia

Anastezia

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

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

Отправлено 13 Февраль 2014 - 17:46

Сегодня проверил отображение в других браузерах. В Internet Explorer и Opera, товары на главной отображаются неправильно.  Как мне сделать, чтобы отображение товаров было нормальное - как в браузерах Mozilla Firefox и Google Chrome.

В Internet Explorer 2 товара на строчку, а в Opera 3 шт. Прикрепляю изображение.

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

  • Internet Explorer.JPG
  • Opera.JPG


#9 Vaccina

Vaccina

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

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

Отправлено 14 Февраль 2014 - 04:34

У вас какие версии браузеров? В IE у меня выводится по 4 товара.

В style.css найдите:
.autumnshowcase_block li {
display: inline-table;
height: auto;
margin: 0px;
padding: 0px 18px 0px 0px;
position: relative;
text-align: center;
width: 210px;
}
display: inline-table; замените на display: inline-block;

#10 Anastezia

Anastezia

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

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

Отправлено 14 Февраль 2014 - 15:15

Всё получилось! Спасибо.

#11 Юлечка

Юлечка

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

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

Отправлено 26 Март 2014 - 15:44

Здравствуйте! Подскажите, пожалуйста, как картинки товаров из каталога вывести на главную, чтобы на главной был не только текст! Заранее спасибо!

#12 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Март 2014 - 15:55

Просмотр сообщенияЮлечка (26 Март 2014 - 15:44) писал:

Здравствуйте! Подскажите, пожалуйста, как картинки товаров из каталога вывести на главную, чтобы на главной был не только текст! Заранее спасибо!

Здравствуйте, для этого вам нужно зайти в раздел "Сайт" - "Главная страница" и выбрать там "Каталог товаров" в качестве главной страницы.

#13 Юлечка

Юлечка

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

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

Отправлено 26 Март 2014 - 16:17

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

#14 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Март 2014 - 16:20

Просмотр сообщенияЮлечка (26 Март 2014 - 16:17) писал:

Ну в таком случае текст исчезает! А мне нужно, чтобы текст остался, а ниже появились картинки товаров! Можно ли так сделать?
Напишите пожалуйста, какой текст должен выводиться на главной. Или укажите страницу, на которой находиться данный текст, мы поможем вам его перенести в код.

#15 Юлечка

Юлечка

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

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

Отправлено 26 Март 2014 - 16:24

Сейчас текст находится на главной странице на моем сайте!  Страница называется "Добро пожаловать!" Мне нужно, чтобы ниже этого текста появились картинки товаров ! Пока это выглядит так!

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

  • 222.jpg


#16 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Март 2014 - 16:32

Просмотр сообщенияЮлечка (26 Март 2014 - 16:24) писал:

Сейчас текст находится на главной странице на моем сайте!  Страница называется "Добро пожаловать!" Мне нужно, чтобы ниже этого текста появились картинки товаров ! Пока это выглядит так!
Установите каталог в качестве главной,
далее в шаблон HTML перед строкой:

{BODY}

Добавьте данный код:
	 {%IF index_page%}
		<div><span style="color:#663366;">&nbsp; &nbsp; &nbsp;<span style="font-size:14px;"><strong> Здравствуйте,&nbsp; дорогие друзья и&nbsp; уважаемые партнеры!! Мы рады приветствовать Вас на страницах нашего&nbsp;интернет-магазина колгот, чулок и нижнего белья!<br />
<br />
&nbsp; &nbsp; &nbsp; Наша компания занимается оптовой и розничной торговлей чулочных изделий и нижнего белья на территории России. За время &nbsp;работы многие покупатели оценили&nbsp; предлагаемую нами продукцию&nbsp;и с уверенностью говорят об оптимальном соотношении её&nbsp;цены и качества, поскольку &nbsp;все представленные товары произведены ведущими российскими и&nbsp;зарубежными производителями!&nbsp;<br />
​<br />
&nbsp; &nbsp; &nbsp; Идея открытия интернет-магазина возникла не случайно. Одной из главных причин стало желание предоставить возможность жителям нашего города, области и страны купить качественную продукцию по выгодным ценам. Ведь в &nbsp;стоимость товара не включаются затраты на аренду помещений, зарплату многочисленного штата сотрудников&nbsp;и т.д, поэтому &nbsp;в нашем интернет-магазине &nbsp;действительно низкие цены. Кроме этого в наш столь суетливый век каждая минутка на счету, ведь хочется сэкономить как можно больше времени, чтобы провести его в кругу родных и близких. И как же это удобно, совершать приятные и выгодные покупки, никуда не торопясь, в любое удобное для вас время !<br />
<br />
&nbsp; &nbsp; Мы рекомендуем Вам посетить наш&nbsp; каталог! В нем вы найдете продукцию на любой, даже самый притязательный вкус.&nbsp;Ассортимент регулярно пополняется &nbsp; только наиболее интересными и качественными моделями, отвечающими последним тенденциям моды.<br />
<br />
Уважаемые покупатели, мы предлагаем Вам выгодное и надежное партнерство,&nbsp;ценим каждого клиента и будем рады плодотворному сотрудничеству!</strong></span></span><br />
&nbsp;</div>

		{%ENDIF%}


#17 Юлечка

Юлечка

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

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

Отправлено 26 Март 2014 - 16:40

Спасибо, получилось! А можно сделать так, чтобы ниже  были не разделы каталога ?? а картинки товара например из третьей категории (Чулки) ?

#18 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Март 2014 - 16:47

Просмотр сообщенияЮлечка (26 Март 2014 - 16:40) писал:

Спасибо, получилось! А можно сделать так, чтобы ниже  были не разделы каталога ?? а картинки товара например из третьей категории (Чулки) ?
К сожалению так сделать нельзя. Так как это корневой каталог. Можно использовать разделы "Хит продаж" , "Новинки" , для вывода нужных вам товаров на главной.

#19 Юлечка

Юлечка

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

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

Отправлено 26 Март 2014 - 20:36

Большое спасибо!)




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

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