Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce! Сегодня вы узнаете как добавить в свой онлайн магазин адаптивный, сенсорный слайдер (карусель) товаров. Вы можете настроить внешний вид слайдера, стиль кнопки и навигации. Вы можете указать размер слайдера для разных устройств, мобильный, планшет, компьютер.
В слайдере можно отобразить все товары, либо товары из определённой категории. Поддерживает функции: LazyLoad, Mobile Touch, JQuery. Добавить слайдер на сайт можно с помощью простого шорткода.
Выбор стиля кнопки и навигации.
Установить плагин AS woocommerce with owl carousel вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: As Short code. Здесь вы сможете настроить основные параметры плагина:
— Carousel Name, укажите имя слайдера или карусели. Должно быть уникальным.
— Select type of Product, выберите какие товары будут отображаться в слайдере. Featured products — рекомендуемые товары., Show Products by category — выберите категорию товаров., Show all products — все товары.
— Items, укажите количество отображаемых товаров.
— ItemsDesktop, ширина слайдера для компьютера (в описании указан размер по умолчанию, если оставите пустым).
— ItemsDesktopSmall, размер для маленького экрана компьютера.
— ItemsTablet, размер для планшетов.
— ItemsTabletSmall, размер для маленьких планшетов.
— ItemsMobile, размер для мобильных устройств.
— singleItem, функция один элемент.
— itemsScaleUp, функция масштабирования. (false — отключить., true — включить.)
— slideSpeed, скорость слайдов.
— paginationSpeed, скорость пагинации.
— rewindSpeed, скорость перемотки.
— autoPlay, автовоспроизведение.
— stopOnHover, остановить при наведении.
— navigation, навигация.
— navigationText, навигация в виде текста, указать текст.
— rewindNav, перемотка.
— scrollPerPage, прокрутка.
— pagination, пагинация, разбить на страницы.
— paginationNumbers, пагинация с цифрами.
— responsive, адаптивный.
