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

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


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

 

Quick View WooCommerce

 

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

 

Quick View WooCommerce

 

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

 

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

 

Woocommerce Лайтбокс быстрый просмотр

 

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

 

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

 






info-effect.ru
Quick View WooCommerce быстрый просмотр товара при наведении обновлено: Ноябрь 4, 2018 автором: Илья Журавлёв

11 комментариев

  • Андрей 15.01.2017 Ответить

    Здравствуйте, подскажите пожалуйста, как в данном плагине поменять фон окна в котором происходит просмотр, по умолчанию цвет фона белый, смена цвета в файле xoo-qv-style.css в разделе xoo-qv-main не помогло! Возможно где-то еще нужно поменять!?, или это можно сделать только в платной версии!? Благодарю за ответ.

    • Илья Журавлёв 15.01.2017 Ответить Автор

      Здравствуйте, надо добавить свои стили CSS. Либо с помощью плагина – SiteOrigin CSS, либо с помощью плагина – Simple Custom CSS.

  • Андрей 15.01.2017 Ответить

    К сожалению, плагин SiteOrigin CSS вообще не видит фон окна просмотра, а плагин Simple Custom CSS типа сохраняет изменения, но на самом деле изменения не сохраняются!, попытался еще раз ручками исправить цвет, изменения в файле xoo-qv-style.css сохраняются но фон при этом остается белый и в коде страницы также отображается фон белый с ссылкой на файл: xoo-qv-style.css в котором сохранены изменения фона мною ручками! Парадокс! Возможно стоит какая-то защита от изменений, что-то мне подсказывает что фон можно изменить только в платной версии, жаль. Спасибо за советы!

  • Тимур 20.02.2017 Ответить

    Плагин у меня не заработал (ппремиум версия).
    Не подскажете, в чем может быть причина?

    • Илья Журавлёв 20.02.2017 Ответить Автор

      Если у вас премиум версия, вам лучше в службу поддержки плагина обратиться. Что именно не заработало ? По инструкции всё делали ?

  • MUZA 08.05.2017 Ответить

    здравствуйте не подскажете как сделать подобную быстрый просмотр товара

    • Илья Журавлёв 08.05.2017 Ответить Автор

      Здравствуйте. Как раз с помощью данного плагина можно сделать. Чем он вас не устраивает ? И что вы конкретно хотите сделать ?

  • Muza 08.05.2017 Ответить

    Ну как видно на картинке ,изображение товар немного выходит за рамкий+ фон окно быстрого просмотра тоже изображение

  • Отсталый 04.11.2018 Ответить

    О, ещё один не рабочий плагин.

    • Илья Журавлёв 04.11.2018 Ответить Автор

      Woocommerce у вас правильно настроен? Не спешите делать такие выводы. Дайте ссылку на свой сайт.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru



Обратная связь

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх