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

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

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина 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. Скопируйте любой шорткод.

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Александра

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

    Ответить
    1. Admin автор

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

      Ответить
      1. Александра

        спасибо

        Ответить
  2. Влад

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

    Ответить
  3. Влад

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

    Ответить
    1. Admin автор

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

      Ответить