Последнее обновление: 24 декабря 2018
Слайдер «списка товаров»
Список товаров, позволяет отобразить товары в виде прокручивающейся строки одного из источников:
- «списки товаров магазина»
- «категория товаров»
- товары по «тегу»
Для формирования списка, первое, что нужно сделать - определите источник:
Вариант 1:
{$s_products = $wa->shop->productSet('bestsellers')} – формирует список товара из списка товара "магазина" (в данном примере, 'bestsellers' это идентификатор одного из предпологаемых списка товаров)
* Списки товаров магазина, размещаются в приложении «магазин» - вкладка «товары» - блок «списки». Идентификатор списка отображается следом за названием и выделен серым цветом и уменьшенным шрифтом.
* слайдер списка товара может, не отображаться по 3 причинам:
- указанный источник не существует
- в указанном источнике нет товаров
- Вы прописали конструкцию не в файлах приложения «магазин»
Вариант2:
{$s_products = $wa->shop->products('tag/тэг товара', 15)} – формирует список товаров по «тегу» товара (В данном случае в списке отобразятся товары у которых присутствует «тег» «тег товара».
* После запятой укажите кол-во товаров которое следует отобразить в списке (в данном примере будет сформирован список из 15 товаров).
Вариант3:
{$s_products = $wa->shop->products('category/1', 15)} – формирует список товаров из категории идентификатор которой -1.
* После запятой укажите кол-во товаров которое следует отобразить в списке (в данном примере будет сформирован список из 15 товаров).
* Узнать идентификатор категории можно так – в приложении «магазин», вкладка «товары» кликните на нужной категории, Вы перейдете на страницу содержащую товары этой категории. В строке URL этой категории Вы увидите следующий параметр « category_id=1937», где цифровое значение и будет идентификатором категории
После определения «источника», необходимо прописать конструкцию вывода списка товаров:
{if $s_products && count($s_products)}<div class="products-slider"><div class="products-slider-name"><h2>Хиты продаж</h2></div>{include file="products.slider.html" sliderId=1 s_products=$s_products}</div>{/if}
- Замените содержимое элемента «h2» на Ваше название списка товаров. (в примере название списка «Хиты продаж»)
- укажите уникальный идентификатор списка (в данном примере идентификатор списка - 1).
* идентификатор может содержать произвольный но уникальный набор символов (латинские буквы, цифры).
*Разместить слайдер товаров можно на любом типе страницы в соответствующем файле темы "comfortbuy" приложения «магазин»
Например на сайте демо шаблона мы разместили 2 слайдера продуктов на главной странице, посмотреть можно в файле home.html приложения магазин ->витрина-> шаблоны
*По умолчанию используются два предопределенных списка товаров магазина «bestsellers» и «promo», если их нет в вашем магазине, создайте их и добавьте в них товары, они отобразятся автоматически.
* Описание «WebAsyst» относительно списков «bestsellers» и «promo»:
«Настоятельно рекомендуется не удалять списки товаров со значениями ID promo и bestsellers, т. к. эти ID используются в большинстве тем дизайна.»
* слайдер списка товара может, не отображаться по 3 причинам:
- указанный источник не существует
- в указанном источнике нет товаров
- Вы прописали конструкцию не в файлах приложения «магазин»
Как отобразитоь список товаров таблицей а не слайдером
Измените указанную выше конструкцию, что бы получилось так
<style type="text/css">.sort-and-view{display:none;}</style>{if $s_products && count($s_products)}<div class="products-slider"><div class="products-slider-name"><h2>Хиты продаж</h2></div>{include file="products.list.html" products=$s_products}</div>{/if}
Комментарии (7)
Здравствуйте!
А можно сделать прокручивание или пролистывание для слайдера товаров.
Чтобы если товарные предложения не видно все из списка, то они бы пролистывались по одному или сразу несколько
{$s_products = $wa->shop->products('set/promo', 15)}
{if $s_products && count($s_products)}
<div class="products-slider">
<div class="products-slider-name"><h2>[`Best offers`]</h2></div>
{include file="products.slider.html" sliderId=2 s_products=$s_products}
</div>
Здравствуйте!
Автоматическое?
в файле comfortbuy.js
после строки
$('.slposts, .lposts, ul[class^="products-slider-"]').jcarousel({
пропишите
wrap: 'circular',
auto: 1,
Добрый день, подскажите слайдер не отрабатывает, если списком то всё ок, а если включить слайдер то просто кол-во товаров отображается и то не всегда иногда поломаная верстка может отображаться 4 товара на след строке 3/2. И не много иначе идёт отображение слайдера
{if $theme_settings.homepage_productset2_show}
{$hp_set2_limit = $theme_settings.homepage_productset2_limit|default:36}
{if $hp_set2_limit > $hp_set_default_limit || $hp_set2_limit == 0}
{$hp_set2_limit = $hp_set_default_limit}
{/if}
{$hp_set2 = $wa->shop->productSet($theme_settings.homepage_productset2_id, 0, $hp_set2_limit)}
{$hp_set2_view = $theme_settings.homepage_productset2_view|default:'slider'}
{if $hp_set2}
{if isset($theme_settings.homepage_productset2_random) && $theme_settings.homepage_productset2_random}
{$hp_set2_shuffle = true}
{else}
{$hp_set2_shuffle = false}
{/if}
<div class="content_slider {if $hp_set2_view == 'slider'}products_slider{/if}">
<div class="title">{$theme_settings.homepage_productset2_name}</div>
{include file="products-list.html" products=$hp_set2 catalog_view=$hp_set2_view shuffle=$hp_set2_shuffle}
</div>
{else}
<p class="hint align-center"><em>{sprintf('[`In your store backend, drag some products into <strong>%s</strong> product list (which is in the left sidebar of the Products screen), and these products will be automatically published here — right on your storefront homepage.`]',"`$theme_settings.homepage_productset2_id`")}</em></p>
{/if}
{/if}
так же нет файла : "products.slider.html" и comfortbuy.js
Использую тему supreme
Здравствуйте!
Вам следует обратится к разработчику темы "supreme", мы не ведем техническую поддержку чужих продуктов - только своих.
Здравствуйте!
Подскажите как увеличить количество отображаемых символов в названии товара в слайдерах на главной странице.
Сейчас обрезает в одну строку.
Здравствуйте!
В файле products.slider.html
найдите код
{$p.name|truncate:60}
и замените его на
{$p.name|escape}
Здравствуйте!
В файле products.slider.html
найдите код
{$p.name|truncate:60}
и замените его на
{$p.name|escape}