Quick View for WooCommerce

July 18, 2024

Quick View for WooCommerce Plugin

Add a quick view button in the product loop so visitors can quickly view product information in a nice modal without opening the product page.

Live Demo | Video Tutorials | Documentation | PRO Features »

Overview

Quick View for WooCommerce allows you to add a quick view button in the product loop so that visitors to quickly view product information (using AJAX) in a nice modal without opening the product page. Products can easily be added to the cart from modal. You can simply customize the style of the quick view button and modal through several settings.

Why Quick View for WooCommerce?

Imagine you have customers who need to quickly view your products in the online shop. How bad experience would it be if every customer has to open them in a new tab or window? Your customers will be free to look in a better way your products, reading also a small description with all the most important features. With the product quick view button, they will be more focused on what they really want and they will proceed easily to the purchase step.

We believe that you shouldn’t be a programmer or hire a developer to add a quick view button in the product loop for your WooCommerce shop/site. That’s why we built the Quick View for WooCommerce plugin that’s both EASY and POWERFUL.

Quick View for WooCommerce 2.0.0

Quick View for WooCommerce 2.0.0 has completely been rebuilt and this provides you now many improvements and new amazing powerful features.

Key Features

  • Lightweight, easy to use, and powerful.
  • Enable/Disable quick view button.
  • 8 Beautiful modal effects.
  • Modal overlay background color.
  • 2 Quick view button positions:
    -Before add to cart button
    -After add to cart button
  • Quick view button color, border, padding, etc.
  • Editable & translatable button label text.
  • Show/Hide the product fields you want to show on the modal.
  • Background color and padding for modal content.
  • Add to cart button color.
  • Product star rating color on the modal.
  • Show/hide close button.
  • Color and sizing option for the close (cross) icon.
  • Enable/Disable the preloader on the modal.
  • Preloading label text and color options.
  • Clean-up plugin settings data on deletion.
  • Quick view button on mobile devices and iPad.
  • Custom CSS and JS fields to overwrite styles.
  • WPML integration for building multilingual sites.
  • RTL and translation ready.
  • Compatible with any theme & WooCommerce plugins.
  • SEO friendly & optimized for speed.
  • Support all modern browsers.
  • Dedicated support if you need any help.
  • Regular update and bug fixing.
  • And much more options.

For fast support, features request, and bug reporting

Ask us at Support

Quick View for WooCommerce – Pro

Quick View for WooCommerce – Pro is a lightweight and powerful plugin that allows your customers to quickly view product information with smooth animation via AJAX in a nice Modal without opening the product page. Your probable customers can navigate from one product to another using the next and previous product buttons. Products can easily be added to cart from Modal.

3 notable reasons to use this plugin

  • Let your prospective customers quickly view products and ajax add to cart through a modal easily.
  • Supports all types of products including variable products, and external or affiliate.
  • Boost your sales and conversion rate: probable customers can quickly return to product listings and continue shopping.

Premium Features You’ll Love

  • Lightweight, easy to use, and powerful.
  • 4 Quick view layouts.
  • 10 Quick view button positions:
    -Before add to cart button
    -Above add to cart button
    -After add to cart button
    -Below add to cart button
    -Below product image
    -Above product image
    -Below product title
    -Below product price
    -Over product container on Hover
    -Over product image on Hover
  • Quick view button style, color, border, radius, padding, transition, hover color, etc.
  • Apply Google fonts/typography for quick view button text and product title, price, excerpt, add to cart, meta, etc.
  • Modal custom width & height options.
  • Image and content area width(allocate the area reciprocally).
  • 9 Quick view button designs and add custom icon images.
  • Quick view button custom text and ability to hide text.
  • Ability to assign quick view on click product name or image.
  • Show/Hide sale flash on the modal.
  • Ability to show/hide modal product content(Title, rating, price, excerpt, add to cart, meta, socials).
  • Product description, tabs, and related products.
  • Custom product image size for the modal.
  • Modal area background, and border color.
  • Content Padding for the modal product content.
  • Enable/Disable ajax add to cart on the modal.
  • Add to cart button custom label and color.
  • Close the Modal after add to cart option.
  • Add view details button on the Modal and change label, color, border, padding, etc.
  • Redirect the checkout page after add to cart.
  • Enable/Disable quick view on the wishlist.
  • Several options for the modal close button.
  • Close the modal when clicking on the background overlay.
  • 12+ Product images gallery slider options.
  • Choose among three types of thumbnails(Slider mode, Classic mode, and Do not show).
  • Product thumbnails grayscale effect on the modal.
  • Enable/Disable zoom for gallery image mouseover.
  • Enable/Disable lightbox on click image.
  • Previous/Next navigation arrows to quickly preview products.
  • 6+ Product quick view modal navigation options.
  • Enable/Disable the preloader on the modal with several options.
  • Quick view button on mobile devices and tablets.
  • Custom CSS and JS to overwrite styles.
  • Multilingual (WPML too) ready.
  • RTL and Translation ready.
  • Page builders ready.
  • Standard WooCommerce theme and plugins Compatible.
  • Developer-friendly & easy to customize.
  • License activation system with an update notification.
  • Top-notch customer support.
  • All features of the lite version.
  • And much more options.
  • Full list of PRO features.

Quick View for WooCommerce Pro – Getting started

Premium Support and Documentation

The premium version of the plugin entitles you to get fast, friendly, and priority support with replies posted within 24 hours (without holidays). If you submit a support ticket by filling up this form, this will create a one-to-one email support thread.

For documentation and tutorials go to our Documentation.

Author

Designed and Developed by ShapedPlugin

Installation

This section describes how to install the plugin and get it working

AUTOMATIC INSTALLATION (EASIEST WAY)

To do an automatic install of Quick View for WooCommerce
, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.
In the search field type “Quick View for WooCommerce
” by ShapedPlugin. Once you have found it you can install it by simply clicking “Install Now” and then “Activate”.

MANUAL INSTALLATION

Uploading in WordPress Dashboard

  • Download woo-quickview.zip
  • Navigate to the ‘Add New’ in the plugins dashboard
  • Navigate to the ‘Upload’ area
  • Select woo-quickview.zip from your computer
  • Click ‘Install Now’
  • Activate the plugin in the Plugin dashboard

Using FTP

  • Download woo-quickview.zip
  • Extract the woo-quickview directory to your computer
  • Upload the woo-quickview directory to the /wp-content/plugins/ directory
  • Activate the plugin in the Plugin dashboard

The WordPress codex contains instructions on how to install a WordPress plugin.

Screenshots

  1. Live Demo

    Live Demo

  2. General Settings

    General Settings

  3. Modal Settings

    Modal Settings

  4. Advanced Settings

    Advanced Settings

Changelog

2.2.8 – Jul 18, 2024

  • Tested: WordPress 6.6 compatibility.
  • Tested: WooCommerce 9.1.2 compatibility.

2.2.7 – Jun 07, 2024

  • Tested: WooCommerce 8.9.2 compatibility.

2.2.6 – Apr 08, 2024

  • Tested: WordPress 6.5 compatibility.
  • Tested: WooCommerce 8.7.0 compatibility.

2.2.5 – Feb 28, 2024

  • Improved: The Help Page has been redesigned to make it more user-friendly.
  • Improved: The loading animation of the Add to Cart button when clicking it with Block themes.
  • Fix: The warning was found when this plugin was activated via the WP_CLI command.
  • Tested: WordPress v6.4.3 compatibility.
  • Tested: WooCommerce v8.6.1 compatibility.

2.2.4 – Nov 07, 2023

  • Fix: Few PHPCS warnings with PHP8.2.
  • Fix: The Quick View button position and style issue with block theme twenty-twenty-two, twenty twenty-twenty-three, twenty-twenty-four
  • Tested: WooCommerce 8.2.1 compatibility.
  • Tested: WordPress 6.4 compatibility.

2.2.3 – Sep 24, 2023

  • Fix: The style issue of plugin options for RTL sites.
  • Fix: A deprecated JS warning found in shop page.
  • Tested: WooCommerce 8.1.1 compatibility.
  • Tested: WordPress 6.3.1 compatibility.

2.2.2 – Jul 26, 2023

  • Tested: WooCommerce High-Performance Order Storage (HPOS) feature compatibility.
  • Tested: WooCommerce 7.9.0 compatibility.
  • Tested: WordPress 6.3 compatibility.

2.2.1 – Jul 17, 2023

  • New: A parameter ($post_id) was added in the ‘wqv_product_content’ hook.
  • Fix: The waning at the plugins page.
  • Tested: WooCommerce 7.8.2 compatibility.

2.2.0 – Jun 09, 2023

  • New: Ajax Add to Cart feature in Quick View popup.
  • New: Image Title option in product image lightbox feature.
  • Fix: The popup style issue for small devices found in the last update.
  • Tested: WordPress 6.2.2 compatibility.
  • Tested: WooCommerce 7.7.2 compatibility.

2.1.0 – Apr 14, 2023

  • New: The variation image shown on changing variation in quick view modal.
  • New: The Icon for Quick View button.
  • New: Quick View on Click Product Name or Image feature.
  • New: Hide Quick View Button Label option.
  • New: Icon Position, Icon Size option.
  • New: Button Transition option.
  • New: Modal Size option.
  • New: Modal Overlay Background option.
  • New: Modal Z-Index option.
  • New: The option to add a custom class in the quick view button.
  • Fix: Font Awesome icon in plugin page replaced with wp carousel plugin icons.
  • Fix: The default setup of free version does not remain after upgrading to pro version.
  • Tested: WordPress 6.2 compatibility.
  • Tested: WooCommerce 7.6.0 compatibility.

2.0.10 – Feb 07, 2023

  • New: Redirect After Add to Cart option added.
  • Improved: Plugin code improved.
  • Tested: WordPress 6.1.1 compatibility.
  • Tested: WooCommerce 7.3.0 compatibility.

2.0.9 – Nov 29, 2022

  • Fix: Warning found when clicking on quick view in product slider pro if the product does not have an image.
  • Tested: WooCommerce 7.1.0 compatibility.

2.0.8 – Nov 07, 2022

  • Improved: Help page redesign.
  • Fix: Zoom image does not load over the quick view modal.
  • Fix: Custom CSS loads above dynamic CSS.
  • Tested: WooCommerce 7.0.1 compatibility.

2.0.7 – Aug 23, 2022

  • Fix: Compatibility issue with Extra product options For WooCommerce plugin.
  • Fix: In mobile view, Quick view is not in a fixed layout, it scrolls in the body scrollbar.
  • Fix: JS warning in the plugin admin page.
  • Tested: WooCommerce 6.8.2 compatibility.

2.0.6 – Jul 14, 2022

  • Tested: WooCommerce 6.7.0 compatibility.
  • Fix: An undefined variable warning ($review) when Review Notice has been dismissed.
  • Fix: Some JS deprecated warnings of the quick view settings page.

2.0.5 – May 12, 2022

  • Tested: WordPress 6.0 compatibility.
  • Updated: The text-domain and Language (.pot) file.
  • Fix: Some backend assets don’t load properly when the hosting directory is different.
  • Fix: The quantity field and Add to cart are not aligned properly in the Quick View modal.

2.0.4 – Apr 05, 2022

  • Tested: WooCommerce 6.3.1 compatibility.

2.0.3 – Jan 27, 2022

  • Tested: WordPress 5.9 compatibility.
  • Tested: WooCommerce 6.1.1 compatibility.

2.0.2 – Nov 09, 2021

  • Fix: WooCommerce Product Slider Pro compatibility issue.

2.0.1 – Nov 05, 2021

  • New: Enable Lightbox option.

2.0.0 – Oct 12, 2021

  • New: Enable/Disable quick view button.
  • New: Show/Hide the product information you want to show on the modal.
  • New: Background color and padding for modal content.
  • New: Enable/Disable preloader on the modal.
  • New: Preloading label text and color options.
  • New: Clean-up plugin settings data on deletion.
  • New: Quick view button on mobile devices and iPad.
  • New: Custom JS fields.
  • Improved: Plugin backend settings UI.
  • Fix: Several minor issues.

1.0.11 – Sep 02, 2021

  • Improved: Settings fields.
  • Tested: WooCommerce 5.6.0 compatibility.

1.0.10 – Jul 19, 2021

  • Tested: WordPress 5.8 compatibility.
  • Tested: WooCommerce 5.5.1 compatibility.

1.0.9 – Apr 15, 2021

  • Tested: WordPress 5.7.1 compatibility.
  • Tested: WooCommerce 5.2.1 compatibility.

1.0.8 – Mar 16, 2021

  • Tested: WordPress 5.7 compatibility.
  • Tested: WooCommerce 5.1.0 compatibility.

1.0.7 – Dec 12, 2020

  • Fix: WordPress 5.6 compatibility issue.
  • Fix: WooCommerce 4.8.0 compatibility issue.

1.0.6 – Aug 19, 2020

  • Fix: WordPress 5.5 compatibility issue.

1.0.5 – Apr 09, 2020

  • Fix: WordPress 5.4 compatibility issue.
  • Fix: WooCommerce 4.0.1 compatibility issue.

1.0.4 – Nov 26, 2019

  • Fix: WordPress 5.3 compatibility issue.

1.0.3 – Apr 25, 2019

  • Fix: Conflict on infinite scroll pagination.

1.0.2 – Apr 09, 2019

  • New: Languages .pot file.
  • Fix: CSS conflicting issue.

1.0.1 – Apr 05, 2019

  • New: Quick View button border option.

1.0 – Feb 02, 2019

  • First Release

Details

  • Version: 2.2.8
  • Active installations: 3,000
  • WordPress Version: 4.8
  • Tested up to: 6.6.1

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars