The plugin activation involves the addition of the “Quick View” button for each product of the “Shop” page.
By clicking on the button, you will have access to product information that will show in a modal window, avoiding a new page upload.
In case you had issues with the image size in the quick view, we suggest you
regenerate all thumbnails of the products in the shop.
For all details related to shown product information, we suggest referring to this page of the documentation.
To enable the “quick view” feature on mobile devices, you just need to enable the option “Enable Quick View on mobile” in YITH -> Quick View -> General options.
The integration with YITH WooCommerce Wishlist allows showing the “Quick View” button for each product added to the Wishlist page.
The button shows only if the option “Enable Quick View on wishlist” has been enabled in YITH -> Quick View -> General options.
The option Enable lightbox allows opening the complete detail of the product image, inserted in the quick view window, right inside a new lightbox, as shown in the image below.
The option Quick view navigation enables the navigation in the Quick View mode so that users can browse products without leaving the modal.
By selecting the option Enable navigation in the same product category, users will only be able to navigate the products of the same category.
The options available in the Button options section of the plugin settings dashboard are the following:
- Quick View Button Type: choose whether to show a button or an icon to have access to the product’s quick view. By selecting Use icon, you will be able to upload an icon for the quick view button. By selecting Use button, you can enter the label in the field Quick View Button Label.
- Quick View Button Position: choose the position where to show the 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”]
From the tab Product of the plugin panel, you can choose the product information to show right inside the “quick view” modal window from the following:
- product meta
Furthermore, you can enable the option to show the full description rather than the short description.
In case you had issues with the image size right inside the quick view, we suggest you regenerate all thumbnails of the products of your shop.
The plugin default behavior implies for all product thumbnails to be shown in a classic mode, as provided by WooCommerce. However, you can choose to show them with the “Slider” mode or completely hide them.
If you are using YITH WooCommerce Zoom Magnifier, you can enable the zoom function on the product image in the quick view window by activating the option Enable image zoom.
This function will not be available if the “slider” modality has been selected.