Cлайдер товаров Woocommerce Product Slider

Cлайдер товаров Woocommerce Product Slider


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

 

WooCommerce Product Slider

 

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

 

WooCommerce Product Slider

 

Далее, после установки и активации плагина, перейдите на страницу: TC WPS. Здесь вы сможете настроить основные параметры плагина.

 

Basic Settings.

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

— Auto Play Timeout, здесь можно указать задержку перед авто-воспроизведением.

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

— Carousel Loop, можно включить или отключить функцию карусель.

— Items Number (Lg Screen), укажите сколько товаров будет отображаться в слайдере на большом экране.

— Items Number (Desktop), укажите сколько товаров будет отображаться в слайдере на обычном экране.

— Items Number (Tablet), укажите сколько товаров будет отображаться в слайдере на планшете.

— Items Number (SmartPhone), укажите сколько товаров будет отображаться в слайдере на мобильном устройстве или смартфоне.

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

 

Advanced Settings.

— Enable Dots, включить или отключить точки пагинации (указывают количество товаров в слайдере) под каруселью.

— Navigation, показывать панель навигации в правом верхнем углу.

— Auto Height, вы можете сделать высоту изображения товара адаптивной.

— Words Limit, можно установить лимит слов в описании товара.

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

 

Show/Hide.

— Hide Short Desscription, показывать или не показывать описание товара.

— Hide Star Rating, показывать или не показывать рейтинг товара.

— Hide Border, показывать или не показывать бордюр, границы в слайдере.

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

 

Styling Settings.

— Overlay Color, цвет фона слайдера при наведении.

— Navigation Color, цвет фона навигации.

— Navigation Hover Color, цвет фона навигации при наведении.

— Dots Color, цвет точек или пуль пагинации.

— Dots hover Color, цвет пуль при наведении.

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

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

— Pirce Text, цвет текста цены товара.

— Pirce Text Hover, цвет текста цены товара при наведении.

— Overlay Title, цвет верхнего слоя.

— Overlay Title Hover, цвет верхнего слоя при наведении.

— Title Color, цвет заголовка.

— Title Hover Color, цвет заголовка при наведении.

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

 

Basic Settings Slider Products Woocommerce

 

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

 

Latest Product, новые товары.

— Featured Products, популярные товары.

 

WooCommerce Product Slider Available Shortcode

 

Скопируйте шорткод, перейдите на страницу редактирования записи или страницы. Вставьте шорткод в содержание страницы. Обновите страницу.

 

шорткод слайдер Woocommerce

 

Всё готово ! На сайте будет отображаться готовый слайдер товаров Woocommerce !

 

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

 



Cлайдер товаров Woocommerce Product Slider обновлено: Март 10, 2017 автором: Илья Журавлёв

Комментарии

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

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



Яндекс.Метрика

Правила - Карта - Связь - Мой хостинг

Стрелка вверх