Последнее обновление: 25 января 2019

Слайдер продуктов

Слайдер продуктов позволяет отобразить все продукты произвольного списка продуктов в виде прокручивающейся строки.

Для отображения слайдера, достаточно прописать следующий код:

{$s_products = $wa->shop->products('set/promo', 10)} {if $s_products && count($s_products)} <div class="product-slider"> <div class="product-slider-name"><span >лучшие предложения</span></div> {include file="product-slider.html" sliderId="promo" s_products=$s_products} </div> {/if}

* Где «set/promo» - обозначает "источник товаров",
- Источником товаров списка так же могут быть: списки товаров по тегу (источник " tag/тэг товара" - будут выбраны товары у которых присутствует тег "тег товара") и списки товаров категории (источник "category/20" - будут выбраны товары из категории идентификатор которой "20")

10 - кол-во товаров списка

а « лучшие предложения» - заголовок списка продуктов.

* Разместить слайдер товаров можно на любом типе страницы (витрина, каталог, информационная страница магазина и т.п.)
* Указанную конструкцию можно установить в соответствующем файле темы "buysimply" приложения «магазин»

Например на сайте демо шаблона мы разместили 2 слайдера продуктов на главной странице, посмотреть можно в файле home.html приложения Магазин –витрина- Дизайн, после строки {*insert product slider*}

* Внимание! при устаноке приложения "магазин", автоматически формируются только 2 списка товаров - "лучшие предложения"(promo - статический список, товары добавляются только вручную) и "хиты продаж" (bestsellers - динамический, товары добавляются автоматически)

* Создать новые или удалить/изменить существующие списки можно в настройках приложения "магазин" - вкладка "товары" - блок "списки товаров"

Эта статья была полезна? Да Нет

Комментарии (16)

  • Юрий Павлюченко Юрий Павлюченко +0 3 февраля 2016 16:14 #

    Добрый день.

    Как поменять стиль ссылки в слайдере Продуктов и при отображении списка товаров в категории

    По умолчанию стоит синий цвет и подчеркнуто. Хотелось другим цветом, шрифтом и без подчеркивания.


    1
  • Игорь Колмаков Игорь Колмаков +21 3 февраля 2016 16:21 #

    в пользовательских стилях http://wm-site.ru/buy_simply/53/sozdanie-blokov-so...

    пропишите

    /*стиль ссылок в списках товаров*/
    .product-block .name a {
    color: #3498db;
    text-decoration: none;
    }
    /*стиль ссылок в списках товаров при наведении*/
    .product-block .name a:hover {
    color: #3498db;
    }

    описание свойств (цвет, шрифт, подчеркивание и т.п.) можно посмотреть на сайте http://wm-azbook.ru/index.php/spravochnik-css/svoy...

    1
  • Юрий Павлюченко Юрий Павлюченко +0 24 февраля 2016 21:12 #

    Добрый день.

    Создал блок buysimply.home.block Затем добавил в него необходимую информацию из home.html И далее работая уже с блоком добавляю слайдеры товаров. При добавлении 5 нового слайдера возникла ситуации, что он не отображается на главной странице как и все 4 до него. Решил в одном из 4-ех отображаемых внести изменение в заголовок списка продуктов. Но и это изменение не видно на главной странице. В чем может быть проблема с отображением?


    1
  • Илья Юрасов Илья Юрасов +0 29 декабря 2016 09:57 #

    Добрый день. Мне нужно разместить слайдер, чтобы выгружались товары из списка "хиты продаж" на всех страницах сайта.

    Вопросы:

    1. Я не понял в какой конкретно файл "buysimply" нужно размещать указанный вами код? Их три -

    <h4>buysimply.css</h4><h4>buysimply.shop.css</h4><h4>buysimply.shop.js</h4>

    2. В какое место файла нужно размещать этот код?

    3. В моем случае какие стороки кода будут отличаться от предложенного вами для "хитов продаж"? Было бы замечательно если просто выложите код который мне нужно разместить.

    Заранее благодарен за ваши ответы.

    1
  • Александр Тирон Александр Тирон +15 29 декабря 2016 12:44 #

    1. Код нужно разместить в файлах category.html, home.html, product.html, page.html если нужны разные места размещения списка(место в файле подберите экспериментально) или же в файле content.html если место размещения либо сверху контента страницы либо снизу (Магазин-Витрина-Шаблоны)

    2. На свое усмотрение, важно не в существующие блоки, а после или до них.

    3. Все переменные которые нужно заменить в вашем случае указаны в инструкции, мы не можем вам дать более точных рекомендаций, они и так исчерпывающие.

    1
    • Илья Юрасов Илья Юрасов +0 29 декабря 2016 22:49 #

      Предложенный вариант вами не работает. Разместил код в начало страницы "home.html", баннер не появился, более того страница магазина выдала ошибку и не загрузилась. Рад бы прикрепить скриншеты, но у вас не предусмотрена такая возможность.

      1
      • Александр Тирон Александр Тирон +15 30 декабря 2016 11:33 #

        Напишите на почту и вложите скриншоты, желательно указать адрес вашего сайта и скриншот кода произведенной вами вставки.

        1
      • Илья Юрасов Илья Юрасов +0 30 декабря 2016 14:25 #

        Написал на kolmakov.igor@gmail.com

        1
        • Илья Юрасов Илья Юрасов +0 3 января 2017 18:11 #

          Уважаемая поддержка, 30.12.2016 я написал на почту kolmakov.igor@gmail.comтри письма, но не получил ответ. Мой вопрос по прежнему актуален. Вами были даны некоторые рекомендации в результате выполнения которых мне не удалось разместить баннер товаров в вашей теме. Я заранее прошу прощение, может быть за глупые вопросы, увы я не програмист, поэтому прошу быть снисходительней и отнестись с пониманием. Есть непонимание, а именно нужны ответы на следующие вопросы:

          1. В инструкции вы пишите: "Например на сайте демо шаблона мы разместили 2 слайдера продуктов на главной странице, посмотреть можно в файле home.html приложения Магазин –витрина- Дизайн, после строки {*insert product slider*}" - я сделал тоже самое, в результате баннер не появился. Почему?

          2. В переписке от 30.12.2016 по электронной почте вы мне написали следующее: "Это страница, а не главная приложения Магазин - поэтому вы и не видите изменений. Разместите код в файле page.html" - результата ноль, баннер не появился ни на главной магазина, ни на главной сайта.

          3. Разместил так же код в сайт - дизайн - шаблоны - page.html в результате - ресурс недоступен. Поймите, мне нужно чтобы баннер товаров размещался везде, и на страницах сайта, и на главной магазина. Выполняю ваши рекомендации - баннер нигде не появляется, ни на одной странице, более того, возникают ошибки и в результате чего ресурс недоступен, приходится удалять этот вредоносный код который нарушает работу моего сайта.

          Все скриншоты я высылал на почту в переписке от 30.12.2016, последние письма были попросту проигнорированы вами. Я все-таки попрошу от вас разъяснения и четкую, понятную инструкцию как мне разместить баннер товаров на а) страницах сайта б) главной страницы приложения "магазин"?

          1
        • семен клевцов семен клевцов +0 14 декабря 2018 13:20 #

          Добрый день! Все красиво, но в названии продукта внутри слайдера только одна строка и далее многоточие...

          Как сделать 2-3 строки?

          1
        • Игорь Колмаков Игорь Колмаков +21 21 декабря 2018 09:47 #

          в файле product-slider.html

          есть такая строка

          <span>{$p.name|truncate:30}</span>

          замените ее на

          <span>{$p.name}</span>


          и такую же строку посмотрите в product-list.html

          1

          Добавить комментарий

          Чтобы добавить комментарий, зарегистрируйтесь или войдите

          Услуги

          Контакты

          Дорогие друзья!

          К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

          Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

          Internet Explorer

          от Microsoft

          Chrome

          от Google

          Safari

          от Apple

          Opera

          от Opera Software

          Firefox

          от Mozilla

          Вверх