Quick View WooCommerce быстрый просмотр товара при наведении

WooCommerce

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

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

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

Quick View text, здесь вы сможете указать свой текст для кнопки.

Quick View font size, здесь можно указать размер текста в кнопке.

Quick View button position, выберите расположение кнопки. Есть 5 вариантов — после изображения, после заголовка, после цены, после кнопки «Добавить в корзину», при наведении курсора мыши на изображение товара (On Image hover).

Quick View button color, можно выбрать цвет для кнопки.

Quick View button icon, можно включить или отключить отображение иконки в кнопке.

Icon Color, цвет иконки.

Product images width, можно указать ширину изображения в лайтбокс окне.

Enable on mobile, можно включить или отключить показ кнопки на мобильных устройствах.

Select Animation, можно выбрать эффект анимации при появлении лайтбокс окна.

Product link button, можно включить или отключить показ в лайтбокс окне кнопки для перехода на страницу товара.

Product link button text, текст кнопки для перехода на страницу товара.

Enable Lightbox, можно включить или отключить лайтбокс окно. Можно не отключать, ничего не меняет.

Show image title, показывать заголовок в лайтбокс окне.

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

Далее, после настройки плагина и сохранении настроек, перейдите на страницу с каталогом товаров. Если вы выбрали в настройках параметр «On Image hover», наведите курсор мыши на изображение товара — у вас появится кнопка «Быстрый просмотр» — нажмите на данную кнопку. После чего у вас появится лайтбокс окно с информацией о данном товаре.

Всё готово. Простой плагин — Полезная функция!

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