General informations about the plugin

The plugin activation involves the addition of “Quick View” button for each product of the “Shop” page.

shop page - quick view button

By clicking on the button, you will have access to product information that will be shown in a modal window, avoiding a new page upload.

For all details related to shown product information we suggest you to read this page of the documentation.

Enable Quick View on mobile

To activate “quick view” function on mobiles, you just need to enable “Enable Quick View on mobile” field in “YIT Plugins -> Quick View”.

Enable Quick View on wishlist

Compatibility with YITH WooCommerce Wishlist allows to show the “Quick View” button for each product of the chart of“Wishlist” page.

Button is shown only if “Enable Quick View on wishlist Enable Quick View on wishlist” and “Modal window loading” options have been enabled in YIT Plugins -> Quick View.

Enable lightbox

“Enable lightbox” option allows to open the complete detail of product image, inserted in quick view window, right inside a new lightbox, as shown in the image.

Quick view navigation

“Quick view navigation” activates the navigation in the Quick View mode, so that users can navigate through products without leaving the mode. Selecting the second option, users will only be able to navigate the products of the same category.

quick view navigation options

You can choose the navigation style from “Slide” and “Rotate”.

Button options

The options available in “Button options” section of the plugin settings dashboard allow to:

  • choose to show a button or an icon to have access to product quick view
  • change the button tag
  • change the position where to show button/icon (next to add to cart button or right inside the product image)

button options

Shortcode

The “yith_quick_view” shortcode allows inserting a button/icon that opens a quick view popup of a specific product on any page.
The shortcode accepts the following parameters:

  • product_id: id product to show in the modal window
  • type: [icon/button] choose whether to show a button or an icon
  • label: button label

Example of the shortcode use
[yith_quick_view product_id=”30″ type=”button” label=”Quick View”]

Element to show

Based on its settings in this section of options dashboard, you can choose the product information to show right inside “quick view” modal window, from the following:

  • name
  • image
  • rating
  • price
  • excerot
  • product meta
  • full description

Furthermore, you can add “Add to cart” button to give users the possibility to add the product to cart directly from modal window.

Thumbnails

The plugin default behaviour implies for all product thumbanails to be shown in a classic mode, as provided from WooCommerce. However, you can choose to show them with the “Slider” typology or completely hide them.

thumbnail optionproduct thumbnails

When “Use custom HTML thumbnails” option is active, the plugin use its own custom template to show product images in the quick view, instead of WooCommerce standard ones. This lets you avoid possible layout issues, as often themes overwrite WooCommerce templates, causing quick view contents to be displayed irregularly.

Image zoom

If you are using YITH WooCommerce Zoom Magnifier, you can enable zoom function on the product image of quick view window by activating “Enable image zoom” option.

enable zoom magnifier

Function will not be available if the “slider” modality has been selected.