Product: Quickview Button Block
The Quickview Block adds a Quickview button to WooCommerce products. When selected, a modal opens with product details like the image, price, and add-to-cart option. This lets shoppers preview products without leaving the current page. Quickview helps shoppers compare products faster and keeps them browsing longer.
This document covers the Product Quickview Button Block.
Before You Begin
Before using the Quickview Block, you must have at least the following plugins on the website:
Enabling the Product: Quickview Block
The Quickview Block must be enabled in Kadence Shop Kit settings before it can be added to layouts.
- In the WordPress dashboard, go to Shop Kit → Product Quickview.
- Enable the option labeled Quickview Block.
Once enabled, the Product: Quickview block becomes available in the block editor.
Using the Quickview Block in WooCommerce Templates
The Quickview Block is designed to work inside WooCommerce product loops (such as in Woo Templates) and automatically displays a dynamic Quickview button for each product.
Supported templates include:
This setup works well for:
Just add the Product: Quickview Button block to the desired template, and the block will handle the rest.
Using the Quickview Block on Pages or Posts
The Quickview Block can also be used outside of WooCommerce templates, such as on landing pages or promotional sections.
How to add it:
- Open a page or post in the block editor
- Add the Product: Quickview block
- Use the Block Settings to configure the Product ID.
This allows you to highlight products with Quickview functionality in custom content areas.
Best Practices
- Place the Quickview Block inside product loops for consistent shop layouts.
- Use Quickview on landing pages to highlight featured or promotional products.
- Pair Quickview with clear product images and descriptive product titles.