Отключен JavaScript

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

0

Перенести Сопутствующие Товары

Автор Sergey Ushakov, 08 мая 2013 11:44

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

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

#1 Sergey Ushakov

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

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

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

Помогите перенести сопутствующие товары, как на рисунке и сделать их по 5 шт.

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

Наверх

#2 Koderhan

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

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

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

Sergey Ushakov (08 Май 2013 - 11:44) писал:

Помогите перенести сопутствующие товары, как на рисунке и сделать их по 5 шт.

Предварительно сохранив резервную копию шаблона.
В файле Товар попробуйте перенсти код:

	  <!-- С этим товаром смотрят -->
	  {% IFNOT related_views_goods_empty %}
	  <div class="car">
		<div class="mycont2">
		  <h4>С этим товаром смотрят</h4>
		   <ul class="mycarousel2">
			{% FOR related_views_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<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>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<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>
				{% ELSE %}			 
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<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>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				 
				</p> 
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% 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 %}
				  
				  {% ENDIF %}
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF related_views_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{related_views_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_views_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}
				 
				  {% IF related_views_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{related_views_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_views_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
				   
				  {% ENDIF %}
				</div>
				<div class="buy-item">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_views_goods.MIN_PRICE_NOW_ID}">
					<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}" />
				  
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;">в корзину</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
						{% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
						  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						{% ELSE %}
						  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						{% ENDIF %}
					{% ENDIF %}
				  {% ENDIF %}
				</span>
			  </li>
			{% ENDFOR %}
		  </ul> 
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- END С этим товаром смотрят -->

До кода:

	<div class="clear"></div>
  </section>
	
  <aside>
	<div class="container">
	  <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" >
	<input type="hidden" name="hash" value="{HASH}" />
	<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

Наверх

#3 Sergey Ushakov

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

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

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

Koderhan (08 Май 2013 - 11:58) писал:

Предварительно сохранив резервную копию шаблона.
В файле Товар попробуйте перенсти код:

	 <!-- С этим товаром смотрят -->
	 {% IFNOT related_views_goods_empty %}
	 <div class="car">
	 <div class="mycont2">
		 <h4>С этим товаром смотрят</h4>
		 <ul class="mycarousel2">
		 {% FOR related_views_goods %}
			 <li>
			 {% IF user_agent_ie7 %}
				 <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
				 <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>
			 {% ELSEIF user_agent_ie8 %}
				 <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
				 <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>
			 {% ELSE %}			
				 <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
				 <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>
			 {% ENDIF %}
			 <h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
			 <p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				
			 </p>
			 <p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				 {% 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 %}
				
				 {% ENDIF %}
			 </p>
			 <div class="rating">
				 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				 {% IF related_views_goods.OPINION_RATING_VALUE %}
				 <img src="{FORALL_IMAGES_PATH}stars/{related_views_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_views_goods.OPINION_RATING_VALUE}" />
				 {% ENDIF %}
				
				 {% IF related_views_goods.OPINION_RATING_CNT_ALL>0 %}
				 <a href="{related_views_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_views_goods.OPINION_RATING_CNT_ALL})</a>
				 {% ELSE %}
				
				 {% ENDIF %}
			 </div>
			 <div class="buy-item">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_views_goods.MIN_PRICE_NOW_ID}">
				 <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}" />
				
				 <button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;">в корзину</button>
				 <!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				 </form>
			 </div>
			 <span class="add-to-links">
				 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				 <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
				 {% IFNOT SETTINGS_COMPARE_DISABLE %}
					 {% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
						 <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
					 {% ELSE %}
						 <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
					 {% ENDIF %}
				 {% ENDIF %}
				 {% ENDIF %}
			 </span>
			 </li>
		 {% ENDFOR %}
		 </ul>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- END С этим товаром смотрят -->

До кода:

<div class="clear"></div>
</section>
	
<aside>
<div class="container">
	 <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" >
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

Получилось спасибо. А как сделать что бы их выдовало не по 2 а по 4?

Наверх

#4 Koderhan

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

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

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

Sergey Ushakov (08 Май 2013 - 12:15) писал:

Получилось спасибо. А как сделать что бы их выдовало не по 2 а по 4?

В файле "Товар" попробуйте изменить код:

		var bodywidth2 = $('.car').width(),

На код:

		var bodywidth2 = $('.container').width(),

Наверх

#5 Sergey Ushakov

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

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

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

Получается как на фото

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

Наверх

#6 Koderhan

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

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

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

Sergey Ushakov (08 Май 2013 - 13:59) писал:

Получается как на фото

В файле "Товар".
Найти код:

var bodywidth2 = $('.container').width(),

Заменить:

var bodywidth2 = $('.goodsData').width(),

Наверх

#7 Sergey Ushakov

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

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

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

Почти получилось, теперь нужно переместить их немного влево, под фото (рис1)
И уменьшить расстояние между сопуткой и недавними просмотрами (рис 2)

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

Наверх

#8 Koderhan

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

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

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

Sergey Ushakov (08 Май 2013 - 15:19) писал:

Почти получилось, теперь нужно переместить их немного влево, под фото (рис1)
И уменьшить расстояние между сопуткой и недавними просмотрами (рис 2)

Панель администратора, "Сайт"->"Редактор тем".
В файле "style.css".
Добавить в конец файла код:

section .car {
	margin: initial;
}

В файле "style.css".
Найти код:

.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}

Заменить:

.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;height: 270px;}

Наверх

Обратно в Страница товара

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

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

Перенести Сопутствующие Товары

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

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

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

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

Войти

Google поиск