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


Выдача Сопутствующих Товаров В Корзине

Автор stasia, 08 сент. 2020 14:27
сопутствующие товары

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

#1 stasia

stasia

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

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

Отправлено 08 Сентябрь 2020 - 14:27

Зайдите в Редактор шаблонов --- main.js и добавьте в самый конец шаблона код: 

// Корзина
function relatedcart(){
  // Сопутствующие товары
  $(".related-cart-goods .products-grid").owlCarousel({
	items: 4,
	loop: false,
	rewind: true,
	lazyLoad: true,
	nav: false,
	dots: false,
	autoplay: true,
	autoplayTimeout: 3000,
	autoplayHoverPause: true,
	navContainer: '.related-goods .navigation',
	navText: [ , ],	  
	navText: ["<i class='slideshow-nav fal fa-angle-left' aria-hidden='true'></i>", "<i class='slideshow-nav fal fa-angle-right' aria-hidden='true'></i>"],
	smartSpeed: 500,
	mouseDrag: true,
	touchDrag: true,
	pullDrag: true,
	responsiveClass: true,
	responsiveRefreshRate: 100,
	responsive: {
	  0:{items:1},
	  320:{items:1},
	  480:{items:1},
	  540:{items:2},
	  768:{items:3},
	  992:{items:3},
	  1200:{items:5}
	},
	onInitialized: changeNavBtn
  });
  
  function changeNavBtn(event){
	var items = event.item.count;
	var size = event.page.size;
	var $nav = $(event.target).siblings('.block-title').find('.navigation');
	
	if (items >= size){
	  $nav.show();
	} else {
	  $nav.hide();
	}
  }
  
};

В Редакторе шаблонов---Корзина, найдите код:

  <div id="globalOrder" style="display: none">
	<div class="content-loading"></div>
	<div id="OrderAjaxBlock" style="display:none">
	  <!-- Сюда грузится форма оформления быстрого заказа -->
	</div>
  </div>
</div>

Замените его на данный код:

  <div id="globalOrder" style="display: none">
	<div class="content-loading"></div>
	<div id="OrderAjaxBlock" style="display:none">
	  <!-- Сюда грузится форма оформления быстрого заказа -->
	</div>
  </div>
  
<!-- Сопутствующие товары -->
{% IFNOT cart_related_goods_empty %}
<div class="related clear">

	{% IFNOT cart_related_goods_empty %}
	  <div class="related-cart-goods">												   
		<div class="box-up-sell products-container block-bg">
		  <div class="block-title">
			<h2 class="title">Сопутствующие товары</h2>
			<div class="navigation owl-nav"></div>
		  </div>
		  <div class="products-grid owl-carousel">
			{% FOR cart_related_goods %}
			  <div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && cart_related_goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}">
				<div class="item-inner" itemscope itemtype="https://schema.org/Product">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{cart_related_goods.MIN_PRICE_NOW_ID} goodsListForm">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{cart_related_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{cart_related_goods.MIN_PRICE_NOW_ID}" />
					<div class="product-image">
					  <div class="product-icons">
						<a class="quickview product-ico" href="{cart_related_goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{cart_related_goods.NAME}&raquo;" data-tooltip="Быстрый просмотр" rel="nofollow"><i class="fal fa-search-plus"></i><span>Быстрый просмотр</span></a>  
						<!-- Если есть возможность добавить товар в избранное -->
						{% IF cart_related_goods.IS_HAS_IN_FAVORITES_LIST %}
						  <a class="add-wishlist added product-ico"
							data-action-is-add="0"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить &laquo;{cart_related_goods.NAME}&raquo; в избранное"
							data-action-delete-title="Убрать &laquo;{cart_related_goods.NAME}&raquo; из избранного"
							data-prodname="{cart_related_goods.NAME}"
							data-prodimage="{% IF cart_related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{cart_related_goods.IMAGE_MEDIUM}{% ENDIF %}"
							data-produrl="{cart_related_goods.URL}"
							data-id="{cart_related_goods.ID}"
							data-mod-id="{cart_related_goods.MIN_PRICE_NOW_ID}"
							data-mod-id-price="{cart_related_goods.MIN_PRICE_NOW}"							
							data-add-tooltip="В Избранное"
							data-del-tooltip="Убрать из избранного"
							data-tooltip="Убрать из избранного"
							title="Убрать &laquo;{cart_related_goods.NAME}&raquo; из избранного"
							href="{FAVORITES_DELETE_URL}?id={cart_related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							rel="nofollow"
						  ><i class="fal fa-heart"></i></a>
						{% ELSE %}
						  <a class="add-wishlist product-ico"
							data-action-is-add="1"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить &laquo;{cart_related_goods.NAME}&raquo; в избранное"
							data-action-delete-title="Убрать &laquo;{cart_related_goods.NAME}&raquo; из избранного"
							data-prodname="{cart_related_goods.NAME}"
							data-prodimage="{% IF cart_related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{cart_related_goods.IMAGE_MEDIUM}{% ENDIF %}"
							data-produrl="{cart_related_goods.URL}"
							data-id="{cart_related_goods.ID}"
							data-mod-id="{cart_related_goods.MIN_PRICE_NOW_ID}"
							data-mod-id-price="{cart_related_goods.MIN_PRICE_NOW}"							
							data-add-tooltip="В Избранное"
							data-del-tooltip="Убрать из избранного"
							data-tooltip="В Избранное"
							title="Добавить &laquo;{cart_related_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={cart_related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							href="{FAVORITES_ADD_URL}?id={cart_related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							rel="nofollow"
						  ><i class="fal fa-heart"></i></a>
						{% ENDIF %}
						<!-- /END Если есть возможность добавить товар в избранное -->
						<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						  {% IF cart_related_goods.IS_HAS_IN_COMPARE_LIST %}
							<a class="add-compare added product-ico" 
							  data-action-is-add="0" 
							  data-action-add-url="{COMPARE_ADD_URL}"
							  data-action-delete-url="{COMPARE_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{cart_related_goods.NAME}&raquo; в список сравнения с другими товарами"
							  data-action-delete-title="Убрать &laquo;{cart_related_goods.NAME}&raquo; из списка сравнения с другими товарами"
							  data-prodname="{cart_related_goods.NAME}"
							  data-prodimage="{% IF cart_related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{cart_related_goods.IMAGE_MEDIUM}{% ENDIF %}"
							  data-produrl="{cart_related_goods.URL}"
							  data-id="{cart_related_goods.ID}"
							  data-mod-id="{cart_related_goods.MIN_PRICE_NOW_ID}"
							  data-mod-id-price="{cart_related_goods.MIN_PRICE_NOW}"
							  data-add-tooltip="В Сравнение"
							  data-del-tooltip="Убрать из сравнения"
							  data-tooltip="Убрать из сравнения"
							  title="Убрать &laquo;{cart_related_goods.NAME}&raquo; из списка сравнения с другими товарами"
							  href="{COMPARE_DELETE_URL}?id={cart_related_goods.MIN_PRICE_NOW_ID}&amp;from={cart_related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  rel="nofollow"
							><i class="fal fa-signal"></i></a>
						  {% ELSE %}
							<a class="add-compare product-ico" 
							  data-action-is-add="1" 
							  data-action-add-url="{COMPARE_ADD_URL}" 
							  data-action-delete-url="{COMPARE_DELETE_URL}" 
							  data-action-add-title="Добавить &laquo;{cart_related_goods.NAME}&raquo; в список сравнения с другими товарами" 
							  data-action-delete-title="Убрать &laquo;{cart_related_goods.NAME}&raquo; из списка сравнения с другими товарами" 
							  data-prodname="{cart_related_goods.NAME}"
							  data-prodimage="{% IF cart_related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{cart_related_goods.IMAGE_MEDIUM}{% ENDIF %}"
							  data-produrl="{cart_related_goods.URL}"
							  data-id="{cart_related_goods.ID}"
							  data-mod-id="{cart_related_goods.MIN_PRICE_NOW_ID}"
							  data-mod-id-price="{cart_related_goods.MIN_PRICE_NOW}"
							  data-add-tooltip="В Сравнение"
							  data-del-tooltip="Убрать из сравнения"
							  data-tooltip="В Сравнение"
							  title="Добавить &laquo;{cart_related_goods.NAME}&raquo; в список сравнения с другими товарами" 
							  href="{COMPARE_ADD_URL}?id={cart_related_goods.MIN_PRICE_NOW_ID}&amp;from={cart_related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  rel="nofollow"
							><i class="fal fa-signal"></i></a>
						  {% ENDIF %}
						{% ENDIF %}
						<!-- /END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->						
					  </div>
					  <a href="{cart_related_goods.URL_MIN_PRICE_NOW | url_amp}" title="{cart_related_goods.NAME}" class="product-img">
						<img class="goods-image-small owl-lazy" data-src="{% IF cart_related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=techno{% ELSE %}{cart_related_goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{cart_related_goods.NAME}" title="{cart_related_goods.NAME}"  itemprop="image">
					  </a>
					  {% IF cart_related_goods.IS_NEW %}
						<span class="ico-new">Новинка</span>
					  {% ELSEIF cart_related_goods.IS_TOP %}
						<span class="ico-best">Хит</span>
					  {% ENDIF %}
					  {% IF cart_related_goods.MAX_DISCOUNT %}
						<span class="ico-sale">Акция</span>
					  {% ENDIF %}
					</div>
					<div class="product-shop">
					  <meta itemprop="name" content="{cart_related_goods.NAME}">
					  <meta itemprop="description" content="{% IF cart_related_goods.DESCRIPTION_SHORT %}{cart_related_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					  <div class="product-name"><a href="{cart_related_goods.URL_MIN_PRICE_NOW | url_amp}" title="{cart_related_goods.NAME}" itemprop="url">{cart_related_goods.NAME}</a></div>
					  <div class="ratings">
						<a href="{cart_related_goods.URL | url_amp}" title="Перейти к отзывам">
						  <div class="rating-box">
							{% IF cart_related_goods.OPINION_RATING_VALUE %}
							<span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
							  <meta itemprop="worstRating" content = "1">
							  <meta itemprop="bestRating" content = "10">
							  <meta itemprop="ratingValue" content = "{cart_related_goods.OPINION_RATING_VALUE}">
							  <meta itemprop="reviewCount" content = "{cart_related_goods.OPINION_RATING_CNT_ALL}">
							  <div class="rating" style="width:{cart_related_goods.OPINION_RATING_VALUE}0%" alt="{cart_related_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
							</span>
							{% ELSE %}
							  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
							{% ENDIF %}
						  </div>
						</a>
					  </div>
					  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
						<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						{% IF cart_related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>cart_related_goods.MIN_PRICE_NOW %}
						  <span class="price old-price {CURRENCY_CHAR_CODE}">{cart_related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						{% ELSEIF cart_related_goods.MIN_PRICE_OLD>cart_related_goods.MIN_PRICE_NOW %}
						  <span class="price old-price {CURRENCY_CHAR_CODE}">{cart_related_goods.MIN_PRICE_OLD | money_format}</span>
						{% ELSE %}
						  <span class="no-old-price"></span>
						{% ENDIF %}
						  <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{cart_related_goods.MIN_PRICE_NOW}">{cart_related_goods.MIN_PRICE_NOW | money_format}</span>
					  </div>
					  <div class="actions">
						<div class="qty-wrap">
						  <div class="qty-set">
							<a href="javascript:void(0)" class="qty-plus unselectable" title="Увеличить"><i class="fal fa-plus"></i></a>
							<input type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress(this, event);" onpaste="return false;" autocomplete="off">
							<a href="javascript:void(0)" class="qty-minus unselectable" title="Уменьшить"><i class="fal fa-minus"></i></a>
						  </div>
						</div>
						<!-- Добавление товара в корзину -->
						{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && cart_related_goods.MAX_REST_VALUE=0 %}
						  <div class="empty" title="В корзину" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div>
						{% ELSE %}
						  <a class="add-cart" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={cart_related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={cart_related_goods.MIN_PRICE_NOW_ID}"><i class="fal fa-shopping-cart" aria-hidden="true"></i><span>В корзину</span></a>
						  <a class="add-cart quick" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={cart_related_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={cart_related_goods.MIN_PRICE_NOW_ID}"><span>Быстрый заказ</span></a>						  
						{% ENDIF %}
						<!-- /END Добавление товара в корзину -->
					  </div>
					</div>
				  </form>
				</div>
			  </div>
			{% ENDFOR %}
		  </div>
		</div>
	  </div>
	{% ENDIF %}	  

</div>
{% ENDIF %}	  
<!-- /END Сопутствующие товары -->
  
</div>


В Редакторе шаблонов---HTML, найдите код:

</head>

И перед ним вставьте данный код:

  {% IF MOD_LNAME = cart %}
  <script>
	$(function() {
	  relatedcart();
	})
  </script>  
  {% ENDIF %}

Обратно в Корзина



Темы с аналогичным тегами сопутствующие товары

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техно
  5. → Корзина
  6. Privacy Policy