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 !

 

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

 






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

Комментарии

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

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

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

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