Привет! Сегодня я вам покажу как добавить на свой сайт Супер стильный слайдер для показа товаров. Вы сможете отображать в слайдере товары или категории. Можно выводить товары из определённых категорий. Слайдер добавляется на сайт с помощью простого шорткода.
Установить плагин Woo Shop Slider Lite вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Woo Shop Slider. Здесь у вас будут отображаться все созданные слайдеры. Чтобы создать новый слайдер, нажмите вверху на кнопку Add New.
Далее, на следующей странице, вы сможете настроить слайдер. Обратите внимание, вам будет доступен только один стиль слайдера. Все остальные варианты доступны в платной версии плагина. Поверьте, они стоят того!
Далее, разберём настройки слайдера по порядку:
– Укажите название данного слайдера.
– Slider shortcode, здесь указан шорткод для вывода слайдера на страницу.
– Choose products or categories, выберите, что будет отображаться в слайдере, товары или категории.
– All categories, можно выбрать определённые категории.
– Set custom button text, можно указать свой текст для кнопки Подробнее или Смотреть далее.
– FullScreen slider, можно сделать слайдер полноэкранным.
– Slider transition, тип перехода слайдера.
– Sort products by, как сортировать товары в слайдере.
– Slider height, высота слайдера.
– Autoplay, включить функцию автовоспроизведения.
– Maximum products, максимальное количество товаров.
– Lazy loading, можно включить функцию постепенной загрузки, для ускорения сайта.
– Autoplay timeout, тайм-аут перед авто-запуском.
– Slider image placeholder, загрузить изображение для товаров без фото.
– Woo Shop Slider typography, можно отключить стили плагина.
– Select light or dark content, светлый или тёмный стиль.
– Main color, основной цвет.
– Product sale ribbon text color, цвет ленты продажи товара.
– Select overlay color for slides, цвет слайдов.
– Button type, тип кнопки.
– Product sale background color, цвет фона для продажи товара.
– Select content overlay color, цвет содержимого.
– Button text color, цвет текста кнопки.
– Custom CSS, можно добавить свои CSS стили.
– Quick Look button, показать кнопку для быстрого просмотра товара.
– Quick view accent color, цветовой акцент для быстрого просмотра.
– Quick view typography, отключите данный параметр, чтобы использовать свои стили для быстрого просмотра.
– Quick view sale ribbon text color, цвет ленты распродажи в быстром просмотре.
– Quick view sale ribbon background color, цвет фона ленты.
– Quick Look button on shop products, кнопка быстрый просмотр магазина товаров.
– Quick look shop button additional classes, добавить свой класс для кнопки.
– Сохраните настройки, нажав справа на кнопку – Save changes.
Далее, скопируйте вверху шорткод слайдера и вставьте его на страницу, где будет отображаться слайдер.
Всё готово! На сайте будет отображаться слайдер с товарами!
– Супер плагины Woocommerce более 100 смотри Здесь!
– Супер плагины WordPress более 500 смотри Здесь!
Остались вопросы? Напиши комментарий! Удачи!