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


Добавить Функционал "с Этим Товаром Смотрят"


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

#1 Cancerva

Cancerva

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

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

Отправлено 25 Декабрь 2015 - 02:23

Здраствуйте.
Старый ИМ, в Сиянии такого функционала тогда еще не было. Чтобы добавить его, помимо добавления кода в шаблоне Товар, чтото еще нужно делать?

#2 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2015 - 04:55

В шаблоне Товар после:
<!-- Сопутствующие товары -->
  {% IFNOT related_goods_empty %}
	<h5><strong>В этой же серии:</strong></h5><br />
	<table class="cat_i">
	  <tr>
		{% FOR related_goods %}
		  <td class="goodsListItem"> 
			<div class="goodsListItemBlock withBorder cornerAll">
			{% IF related_goods.DESCRIPTION_SHORT %}
			<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.DESCRIPTION_SHORT}&raquo;">{related_goods.DESCRIPTION_SHORT}</a></h3>
			{% ELSE %}
			<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;">{related_goods.NAME}</a></h3>
			{% ENDIF %}
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			 
			<div class="goodsListalbka">
			<!-- Доступность товара -->
			 <div class="goodsDataMainModificationAvailable">
			  <div rel="true" class="available-true" {% IF related_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}></div>
			  <div rel="false" class="available-false" {% IF related_goods.MAX_REST_VALUE>0 %}style="display:none;"{% ENDIF %}><br /><span style="color: #adadad;">Ожидаем!</span></div>
			 </div>
			  <div class="goodsListItemPriceOld"  {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
			   {related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}
			   {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
			   {related_goods.MIN_PRICE_OLD}
			   {% ENDIF %}
			  </div>
			<div class="goodsListItemPriceNew"  {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			 <div class="goodsListItemPriceNew2"> {related_goods.MIN_PRICE_NOW | money_format}</div>
			</div>
			  <div class="buy_it" {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			   <input type="hidden" name="hash" value="{HASH}" />
			   <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			   <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			   <a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину">БЕРУ!</a>
			  </form>
			 </div>
			</div>
			  <!--<br /><br />
			  <div class="goodsListItemPriceNew"  {% IF related_goods.MAX_REST_VALUE =0%}style="display:none;"{%ENDIF%}>
				<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				  <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				  <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>-->
			</div>
		  </td>
		  {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	</table><br /><br />
  {% ENDIF %}
  <!-- END Сопутствующие товары -->

вставьте:
<!-- С этим товаром смотрят -->
  {% IFNOT related_views_goods_empty %}
	<h5><strong>В этой же серии:</strong></h5><br />
	<table class="cat_i">
	  <tr>
		{% FOR related_views_goods %}
		  <td class="goodsListItem"> 
			<div class="goodsListItemBlock withBorder cornerAll">
			{% IF related_views_goods.DESCRIPTION_SHORT %}
			<h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.DESCRIPTION_SHORT}&raquo;">{related_views_goods.DESCRIPTION_SHORT}</a></h3>
			{% ELSE %}
			<h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			{% ENDIF %}
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_views_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			 
			<div class="goodsListalbka">
			<!-- Доступность товара -->
			 <div class="goodsDataMainModificationAvailable">
			  <div rel="true" class="available-true" {% IF related_views_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}></div>
			  <div rel="false" class="available-false" {% IF related_views_goods.MAX_REST_VALUE>0 %}style="display:none;"{% ENDIF %}><br /><span style="color: #adadad;">Ожидаем!</span></div>
			 </div>
			  <div class="goodsListItemPriceOld"  {% IF related_views_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
			   {related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}
			   {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
			   {related_views_goods.MIN_PRICE_OLD}
			   {% ENDIF %}
			  </div>
			<div class="goodsListItemPriceNew"  {% IF related_views_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			 <div class="goodsListItemPriceNew2"> {related_views_goods.MIN_PRICE_NOW | money_format}</div>
			</div>
			  <div class="buy_it" {% IF related_views_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			   <input type="hidden" name="hash" value="{HASH}" />
			   <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
			   <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
			   <a class="readmore" onclick="$('#goodsListFormId{related_views_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{related_views_goods.NAME}&raquo; в корзину">БЕРУ!</a>
			  </form>
			 </div>
			</div>
			</div>
		  </td>
		  {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	</table><br /><br />
  {% ENDIF %}
<!-- С этим товаром смотрят -->


#3 Cancerva

Cancerva

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

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

Отправлено 29 Декабрь 2015 - 05:46

Спасибо. Подскажите еще 2 момента:
1. Нужно ограничить количество выводимых товаров (например отображать максимум 6 товаров)
2. Нужно отображать только товары имеющиеся в наличии

#4 Vaccina

Vaccina

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

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

Отправлено 29 Декабрь 2015 - 06:13

В шаблоне Товар после:
<tr>
				{% FOR related_views_goods %}

пропишите:
{% IF  related_views_goods.index > 6 %}{break}{% ENDIF %}

если скрывать товары, которых нет в наличии, то поломается структура, так как товары находятся в таблице.

#5 Cancerva

Cancerva

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

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

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

Просмотр сообщенияVaccina (29 Декабрь 2015 - 06:13) писал:

В шаблоне Товар после:
<tr>
				{% FOR related_views_goods %}

пропишите:
{% IF  related_views_goods.index > 6 %}{break}{% ENDIF %}

если скрывать товары, которых нет в наличии, то поломается структура, так как товары находятся в таблице.

Чтоб не плодить новую тему (оставим пока в покое блок "с этим товаром смотрят"). Разберем на примере  блока "сопутствующие товары".
Итак, нужно скрыть товары, которых нет в наличии.
Выяснили что "Так как товары находятся в таблице, то скрывая часть товаров мы ломаем структуру".
Так все же, может можно как то решить задачу то, ну например, не верстать блок "сопутств товары" в виде таблицы с товарами-ячейками? Ну или еще каким макаром...


#6 Ирина345

Ирина345

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

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

Отправлено 28 Январь 2016 - 10:57

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

Чтоб не плодить новую тему (оставим пока в покое блок "с этим товаром смотрят"). Разберем на примере  блока "сопутствующие товары".
Итак, нужно скрыть товары, которых нет в наличии.
Выяснили что "Так как товары находятся в таблице, то скрывая часть товаров мы ломаем структуру".
Так все же, может можно как то решить задачу то, ну например, не верстать блок "сопутств товары" в виде таблицы с товарами-ячейками? Ну или еще каким макаром...
Здравствуйте, найдите в шаблоне Товар код
  <!-- Сопутствующие товары -->
  {% IFNOT related_goods_empty %}
	<h5><strong>В этой же серии:</strong></h5><br />
	<table class="cat_i">
	  <tr>
		{% FOR related_goods %}
		  <td class="goodsListItem"> 
			<div class="goodsListItemBlock withBorder cornerAll">
			{% IF related_goods.DESCRIPTION_SHORT %}
			<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.DESCRIPTION_SHORT}&raquo;">{related_goods.DESCRIPTION_SHORT}</a></h3>
			{% ELSE %}
			<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;">{related_goods.NAME}</a></h3>
			{% ENDIF %}
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			 
			<div class="goodsListalbka">
			<!-- Доступность товара -->
			 <div class="goodsDataMainModificationAvailable">
			  <div rel="true" class="available-true" {% IF related_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}></div>
			  <div rel="false" class="available-false" {% IF related_goods.MAX_REST_VALUE>0 %}style="display:none;"{% ENDIF %}><br /><span style="color: #adadad;">Ожидаем!</span></div>
			 </div>
			  <div class="goodsListItemPriceOld"  {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
			   {related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}
			   {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
			   {related_goods.MIN_PRICE_OLD}
			   {% ENDIF %}
			  </div>
			<div class="goodsListItemPriceNew"  {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			 <div class="goodsListItemPriceNew2"> {related_goods.MIN_PRICE_NOW | money_format}</div>
			</div>
			  <div class="buy_it" {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			   <input type="hidden" name="hash" value="{HASH}" />
			   <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			   <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			   <a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину">БЕРУ!</a>
			  </form>
			 </div>
			</div>
			  <!--<br /><br />
			  <div class="goodsListItemPriceNew"  {% IF related_goods.MAX_REST_VALUE =0%}style="display:none;"{%ENDIF%}>
				<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				  <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				  <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>-->
			</div>
		  </td>
		  {% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	</table><br /><br />
  {% ENDIF %}
  <!-- END Сопутствующие товары -->
       замените на

  <!-- Сопутствующие товары -->
  {% IFNOT related_goods_empty %}
	<h5><strong>В этой же серии:</strong></h5><br />
	<div class="cat_i">
	  <div>
		{% FOR related_goods %}
		  <div class="goodsListItem" {% IF related_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> 
			<div class="goodsListItemBlock withBorder cornerAll">
			{% IF related_goods.DESCRIPTION_SHORT %}
			<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.DESCRIPTION_SHORT}&raquo;">{related_goods.DESCRIPTION_SHORT}</a></h3>
			{% ELSE %}
			<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;">{related_goods.NAME}</a></h3>
			{% ENDIF %}
			  <div class="goodsListItemImage">
				<div>
				  <div>
					<a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.IMAGE_OTHER}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
				  </div>
				</div>
			  </div>
			 
			<div class="goodsListalbka">
			<!-- Доступность товара -->
			 <div class="goodsDataMainModificationAvailable">
			  <div rel="true" class="available-true" {% IF related_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}></div>
			  <div rel="false" class="available-false" {% IF related_goods.MAX_REST_VALUE>0 %}style="display:none;"{% ENDIF %}><br /><span style="color: #adadad;">Ожидаем!</span></div>
			 </div>
			  <div class="goodsListItemPriceOld"  {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
			   {related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT}
			   {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
			   {related_goods.MIN_PRICE_OLD}
			   {% ENDIF %}
			  </div>
			<div class="goodsListItemPriceNew"  {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			 <div class="goodsListItemPriceNew2"> {related_goods.MIN_PRICE_NOW | money_format}</div>
			</div>
			  <div class="buy_it" {% IF related_goods.MAX_REST_VALUE =0%} style="display:none;"{%ENDIF%}>
			   <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			   <input type="hidden" name="hash" value="{HASH}" />
			   <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
			   <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
			   <a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину">БЕРУ!</a>
			  </form>
			 </div>
			</div>
			  <!--<br /><br />
			  <div class="goodsListItemPriceNew"  {% IF related_goods.MAX_REST_VALUE =0%}style="display:none;"{%ENDIF%}>
				<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
				  <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
				  <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>-->
			</div>
		  </div>
	  
		{% ENDFOR %}
	  </div>
	</div><br /><br />
  {% ENDIF %}
  <!-- END Сопутствующие товары -->
в файле main.css найдите

.goodsListItem					  {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/

замените на
.goodsListItem {	padding: 0px;  display: inline-block;text-align:center;vertical-align:top;width:218px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/





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

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