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


Изменение Стилистики "с Этим Товаром Смотрят"


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

#1 deluxe72

deluxe72

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

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

Отправлено 07 Май 2013 - 23:18

Как поменять стилистику "с этим товаром смотрят" как на сайте http://mircvetov76.r...илена?from=MWYw там можно просто перелистывать. На форуме даже похожей темы не нашёл. Прошу помощи

#2 Сake

Сake

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

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

Отправлено 08 Май 2013 - 01:38

Данный вопрос рассматривался в следующей теме форума http://forum.storela...лож/#entry32781

Саму карусель вам необходимо применять для похожего блока

<!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <h3>С этим товаром смотрят</h3><br />
	  <table>
		<tr>
		  {% FOR related_views_goods %}
		  <td class="goodsListItem">
			<div class="goodsListItemBlock withBorder cornerAll">
			  <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>
			  <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			</div>
		  </td>
		  {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	  </table><br /><br />
	{% ENDIF %}
	<!-- END С этим товаром смотрят -->

в шаблоне "Товар".

#3 deluxe72

deluxe72

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

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

Отправлено 08 Май 2013 - 22:52

Просмотр сообщенияСake (08 Май 2013 - 01:38) писал:

Данный вопрос рассматривался в следующей теме форума http://forum.storela...лож/#entry32781

Саму карусель вам необходимо применять для похожего блока

<!-- С этим товаром смотрят -->
{% IFNOT related_views_goods_empty %}
	 <h3>С этим товаром смотрят</h3><br />
	 <table>
	 <tr>
		 {% FOR related_views_goods %}
		 <td class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <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>
			 <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
			 <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </td>
		 {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END С этим товаром смотрят -->

в шаблоне "Товар".

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

#4 Vaccina

Vaccina

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

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

Отправлено 09 Май 2013 - 02:37

В шаблоне Товар код указанный выше меняем на карусель из предоставленной ветки форума выше, и заменить переменные index_page_goods на related_views_goods

#5 deluxe72

deluxe72

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

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

Отправлено 09 Май 2013 - 20:19

Просмотр сообщенияVaccina (09 Май 2013 - 02:37) писал:

В шаблоне Товар код указанный выше меняем на карусель из предоставленной ветки форума выше, и заменить переменные index_page_goods на related_views_goods

получилось следующее

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

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


#6 Stasya

Stasya

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

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

Отправлено 10 Май 2013 - 12:58

Попробуйте выполнить инструкцию написанную здесь. Только заместо кода, который необходимо вставить в шаблон HTML, в шаблон Товар  заместо кода
<!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <h3>С этим товаром смотрят</h3><br />
	  <table>
		<tr>
		  {% FOR related_views_goods %}
		  <td class="goodsListItem">
			<div class="goodsListItemBlock withBorder cornerAll">
			  <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>
			  <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			  <div class="goodsListItemPriceNew">
				<a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			  </div>
			  <div class="goodsListItemPriceOld">
				{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </div>
			</div>
		  </td>
		  {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	  </table><br /><br />
	{% ENDIF %}
	<!-- END С этим товаром смотрят -->
вставьте код
<!-- С этим товаром смотрят -->
						 {% IFNOT related_views_goods_empty %}
	  <h3>С этим товаром смотрят</h3><br />
								 <div id="wrapper">
								 <div class="d-carousel">
		 <div class="goodsListItemBlock">
		 <ul class="carousel">
		 {% FOR related_views_goods %}
		 <li> <a href="#"><img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
		 <h4 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h4>
		 <br>
		 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				 <br /><a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				 <br /><a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
		 </li>
		 {% ENDFOR related_views_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %}
{% ENDIF %}	
						 <!-- end Список товаров на главной -->
				 {% ENDIF %}
				 <!-- END С этим товаром смотрят -->


#7 deluxe72

deluxe72

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

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

Отправлено 13 Май 2013 - 22:40

Просмотр сообщенияStasya (10 Май 2013 - 12:58) писал:

Попробуйте выполнить инструкцию написанную здесь. Только заместо кода, который необходимо вставить в шаблон HTML, в шаблон Товар  заместо кода
<!-- С этим товаром смотрят -->
{% IFNOT related_views_goods_empty %}
	 <h3>С этим товаром смотрят</h3><br />
	 <table>
	 <tr>
		 {% FOR related_views_goods %}
		 <td class="goodsListItem">
		 <div class="goodsListItemBlock withBorder cornerAll">
			 <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>
			 <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
			 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
			 <a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
			 <a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
			 </div>
		 </div>
		 </td>
		 {% IFNOT related_views_goods.last %}{related_views_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
	 {% ENDFOR %}
	 </tr>
	 </table><br /><br />
{% ENDIF %}
<!-- END С этим товаром смотрят -->
вставьте код
<!-- С этим товаром смотрят -->
						 {% IFNOT related_views_goods_empty %}
	 <h3>С этим товаром смотрят</h3><br />
								 <div id="wrapper">
								 <div class="d-carousel">
		 <div class="goodsListItemBlock">
		 <ul class="carousel">
		 {% FOR related_views_goods %}
		 <li> <a href="#"><img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /></a>
		 <h4 class="goodsListItemName"><a href="{related_views_goods.URL}">{related_views_goods.NAME}</a></h4>
		 <br>
		 <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
				 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
				 <br /><a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
				 <br /><a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
		 </li>
		 {% ENDFOR related_views_goods %}
		 </ul>
		 </div>
		 </div>
		 <div class="clear"></div>
</div>
{% ENDIF %}
{% ENDIF %}	
						 <!-- end Список товаров на главной -->
				 {% ENDIF %}
				 <!-- END С этим товаром смотрят -->

не получается, можно всё по пунктам?

#8 Сake

Сake

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

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

Отправлено 14 Май 2013 - 03:40

Из скриншота видно что у вас не отображаются стили. Пожалуйста прочтите сообщение http://forum.storela...лож/#entry32986

в данном сообщении дается информация о подключении необходимых файлов стилей и js файлов. Вам необходимо загрузить и подключить 2 файла в шаблоне "HTML"

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

также вам необходимо после

<!-- С этим товаром смотрят -->
												 {% IFNOT related_views_goods_empty %}
		 <h3>С этим товаром смотрят</h3><br />

вставить

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>


#9 deluxe72

deluxe72

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

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

Отправлено 16 Май 2013 - 22:03

Просмотр сообщенияСake (14 Май 2013 - 03:40) писал:

Из скриншота видно что у вас не отображаются стили. Пожалуйста прочтите сообщение http://forum.storela...лож/#entry32986

в данном сообщении дается информация о подключении необходимых файлов стилей и js файлов. Вам необходимо загрузить и подключить 2 файла в шаблоне "HTML"

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

также вам необходимо после

<!-- С этим товаром смотрят -->
												 {% IFNOT related_views_goods_empty %}
		 <h3>С этим товаром смотрят</h3><br />

вставить

<script type="text/javascript">
jQuery(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
jQuery('.d-carousel .carousel').jcarousel({
		 scroll: 1
});
});
</script>

Ничего не поменялось, вообще

#10 Сake

Сake

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

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

Отправлено 17 Май 2013 - 00:58

Пожалуйста, приведите пример страницы где у вас вставлен данный код. Если вы изменяете домен 186334, то на нем отсутствуют какие-либо изменения для отображения блока "С этим товаром смотрят" в виде карусели. Пожалуйста, проделайте все изменения и не убирайте их, чтобы мы могли разобраться в данном вопросе.

#11 deluxe72

deluxe72

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

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

Отправлено 27 Май 2013 - 21:16

Просмотр сообщенияСake (17 Май 2013 - 00:58) писал:

Пожалуйста, приведите пример страницы где у вас вставлен данный код. Если вы изменяете домен 186334, то на нем отсутствуют какие-либо изменения для отображения блока "С этим товаром смотрят" в виде карусели. Пожалуйста, проделайте все изменения и не убирайте их, чтобы мы могли разобраться в данном вопросе.

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

#12 Сake

Сake

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

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

Отправлено 28 Май 2013 - 03:25

На аналогичный вопрос вам ответили в теме http://forum.storela...ель/#entry69909

Пожалуйста, не дублируйте ваши вопросы.

#13 vender12

vender12

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

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

Отправлено 02 Июль 2013 - 09:26

С этим товаром смотрят


как свой товар добавлять, или фильтр организовать по подходящему товару??

#14 Koderhan

Koderhan

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

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

Отправлено 02 Июль 2013 - 12:06

Просмотр сообщенияvender12 (02 Июль 2013 - 09:26) писал:

С этим товаром смотрят


как свой товар добавлять, или фильтр организовать по подходящему товару??
Если хотите добавить в этот блок свой товар то для этого есть сопутствующие товары.
Организовать фильтр можно по названию товару. Например можно не выводить товары с определенным названием.
Код:
Скрытый текст
Заменить:
Скрытый текст





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

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