Manually Insert the Quickview Button
There are a number of methods that you can use to insert a quickview button into your theme. The different methods give you full control over placement and styling of the quickview buton.
To insert the quickview button into your product loop using PHP, simply add the following to the top of the file where you are inserting the button:
<?php global $jckqv; ?>
Then, to display the button in your loop (or anywhere if you pass the correct Product ID), use the following code:
<?php echo $jckqv->display_button( $product_id ); ?>
To Insert a button anywhere on your WooCommerce website using HTML, simply use the following code:
<a href="http://www.yourdomain.com/yourproduct" data-jckqvpid="42">Your Link Text</a>
42is the ID of your product to open in the popup.
- You can use any text, icon or image as the link.
WooCommerce Quickview will work on any element with the
data-jckqvpid attribute. For example, you could use a span tag rather than an anchor.
Using the Shortcode
You can use the shortcode to insert a quickview button based on your settings.