The plugin activation involves the addition of “Quick View” button for each product of the “Shop” page.
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.
In case you had issues about image size in the quick view, we suggest you to
regenerate all thumbnails of the products in the shop.
For all details related to shown product information we suggest you to read this page of the documentation.
To activate “quick view” function on mobiles, you just need to enable “Enable Quick View on mobile” field in “YIT Plugins -> Quick View”.
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” 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” 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.
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)
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”]
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:
- 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.
In case you had issues about image size right inside the quick view, we suggest you to regenerate all thumbnails
of the products of your shop.
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.
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.
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.
Function will not be available if the “slider” modality has been selected.