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

WooCommerce

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

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

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

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

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

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

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

  • 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», наведите курсор мыши на изображение товара — у вас появится кнопка «Быстрый просмотр» — нажмите на данную кнопку. После чего у вас появится лайтбокс окно с информацией о данном товаре.

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

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

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

    Оцените статью
    Добавить комментарий