Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить на сайт своего магазина, Стильный, адаптивный слайдер товаров Woocommerce. Вы сможете настроить отображение слайдера на сайте. Вы сможете выбрать сколько товаров должно отображаться в слайдере для разных устройств. Вы сможете настроить внешний вид слайдера. Очень простой и полезный плагин !
Установить плагин WooCommerce Product Slider вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: 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, цвет заголовка при наведении.
– Сохраните изменения.
Далее, после настройки слайдера, перейдите на страницу: Help & Upgrade. Внизу страницы вы можете скопировать два шорткода для добавления слайдера на страницу или в запись.
– Latest Product, новые товары.
– Featured Products, популярные товары.
Скопируйте шорткод, перейдите на страницу редактирования записи или страницы. Вставьте шорткод в содержание страницы. Обновите страницу.
Всё готово ! На сайте будет отображаться готовый слайдер товаров Woocommerce !
Остались вопросы ? Напиши комментарий ! Удачи !