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

WooCommerce

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

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

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

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

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

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

WooCommerce 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, цвет фона кнопки навигации при наведении и нажатой кнопки.

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

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

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

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

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

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

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

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

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

WooCommerce Product Slider слайдер для интернет-магазина Остались вопросы ? Напиши комментарий ! Удачи !

Оцените статью
Добавить комментарий