Getting started with WooCommerce Quickview
To install the plugin:
- Navigate to
Plugins > Add New > Upload.
Choose File, and choose the file
jck_woo_quickview.zipfrom your CodeCanyon download zip.
- Once uploaded, click activate plugin.
- The plugin is now installed and activated.
- The settings panel can be found under
WooCommerce > Quickview. Here you can adjust a variety of settings, all with detailed explanations.
Once activated, simply open a category page on your WooCommerce store. When you hover over a product image you will see the Quickview icon appear at the bottom left.
By clicking the Quickview icon, a modal box will appear. Your potential customer can then:
- View the important product information, including: Price, Description and Variations.
- Add the product to their cart, via ajax or page reload.
- View all images of the product.
The following is a list of hooks available in the plugin, making it easy to customise:
Modifying a Template
Quickview comes with a variety of template files that build up the modal display. You can modify these by copying any of the files in
Although it is possible to do the above, I'd recommend using the hooks, rather than modifying a whole template, in order to prevent any conflicts with future updates.