товары слайдер

WooCommerce Product Slider слайдер для интернет-магазина

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить в свой магазин слайдер товаров. Вы сможете с помощью простых шорткодов добавить слайдер товаров в любое место на вашем сайте. У вас будет на выбор два шорткода, для вывода последних товаров с описанием или без. Вы также сможете выводить слайдер с помощью специального виджета.

 

слайдер магазин

 

 Установить плагин WPB WooCommerce Product slider вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WooCommerce Product slider

 

 Далее, после установки и активации плагина, перейдите на страницу: НастройкиWPB Woo Product Slider. Здесь вы сможете настроить основные параметры плагина.

 

настройки слайдер

 

General Settings, основные настройки.

— Number Of column, укажите сколько должно быть колонок в слайдере.

— Number Of Product, укажите сколько должно быть товаров в слайдере.

— Slider Auto Play, вы можете включить автоматическое воспроизведение слайдера при открытии страницы.

— Slider Stop on Hover, если данный параметр включен, то при наведении мыши на слайдер он будет остановлен.

— Navigation, навигация слайдера, стрелки вперёд и назад, по умолчанию включено.

— Navigation Speed, здесь вы сможете задать скорость навигации.

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

— Pagination Speed, можете установить скорость пагинации.

— Pagination Number Counting, функция подсчёта количества страниц пагинации, по умолчанию отключено.

— Touch Drag, функция перелистывания слайдов с помощью пальца на мобильном устройстве. По умолчанию включено.

— Mouse Drag, функция перелистывания слайдов с помощью мыши, по умолчанию включено.

Сохраните изменения.

 

Sidebar Settings, настройки для виджета. Здесь точно такие же настройки, как и основные настройки для отображения слайдера в записях и на страницах.

 

Style Settings, настройки стиля.

— General latest product Slider type, вы можете включить или отключить анимацию для последних товаров в слайдере.

— General feature product Slider type, включение или отключение анимации для рекомендуемых товаров.

— Sidebar latest product Slider type, включение или отключение анимации для последних товаров в виджете.

— Sidebar feature product Slider type, включение или отключение анимации для рекомендуемых товаров в виджете.

 Product Title max character, укажите сколько символов показывать в названии товара. Рекомендуется 10 символов, как по умолчанию.

— Product price color (only for No animation style slider), можно выбрать цвет цены товара.

— Button Background Color, цвет фона кнопки «Добавить в корзину».

— Button Background Hover Color, цвет фона кнопки «Добавить в корзину» при наведении.

— Pagination Button Background Color, цвет фона кнопки пагинации.

— Pagination Button Background Hover & active Color, цвет фона кнопки пагинации при наведении и нажатой кнопки.

— Navigation Button Background Color, цвет фона кнопки навигации.

— Navigation Button Background Hover & active Color, цвет фона кнопки навигации при наведении и нажатой кнопки.

Сохраните изменения.

 

 Далее, после настройки плагина, перейдите на страницу установленных плагинов. Возле названия плагина, в описании, у вас будут отображаться два шорткода, latest product slider — последние товары, только фото., feature product slider — последние товары с описанием и кнопкой «Добавить в корзину». В шорткоде вы можете изменить заголовок, значение title. Скопируйте любой шорткод.

 

детали плагина

 

 Далее, перейдите на страницу редактирования записи или страницы, куда вы хотите вставить слайдер. Вставьте в содержание шорткод слайдера, обновите или опубликуйте страницу. Всё готово ! На сайте будет отображаться готовый слайдер.

 

слайдер шорткод запись

 

 Далее, перейдите на страницу: Внешний видВиджеты. Здесь у вас появится два новых виджета, для вывода слайдера товаров с описанием или без, как и на странице.

 

слайдер виджет товар

 

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

 

виджет слайдер настройки

 

 Остались вопросы ? Напиши комментарий ! Удачи !

 

WooCommerce Product Slider слайдер для интернет-магазина обновлено: Август 28, 2016 автором: Илья Журавлёв
 
 

6 комментариев

  • Александра 20.10.2016 Ответить

    А можно как то регулировать товары которые отражаются в слайдере? Например определенную категорию только?

    • Илья Журавлёв 20.10.2016 Ответить Автор

      Если в настройках нет такой возможности, значит нет. Попробуй плагин Woocommerce Products Slider, в нём есть фильтр.

  • Влад 25.11.2016 Ответить

    по ссылке feature products отображаются только товары отмечанные звездочкой в товарах (рекомендуемый)

  • Влад 25.11.2016 Ответить

    Плагин кривоват , не возможно убрать отображение номеров страниц под слайдером

    • Илья Журавлёв 25.11.2016 Ответить Автор

      У кого-то кривоват, а у кого-то нет, всё от темы зависит, а они у всех разные. Возможно убрать номера страниц, настройки внимательней изучите.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


9 + 6 =



super-infa-top
Стрелка вверх