How to Customize the Contents of the Quickview Window

If you’re looking to customize the contents of the Quickview window itself, you can do so by following these steps:

  1. From your WordPress dashboard, go to WooCommerce > Quickview and click the Popup Settings tab/link at the top of the page.
  2. There are three sections on this page, we’ll go through each below.
  3. General
    1. If you’d like for customers to be able to move between products using arrows while in the quickview popup, click the checkbox next to Enable Gallery?
    2. The next two settings (Overlay Color and Overlay Opacity) allow you to change what your site will look like when the quickview popup is open. The default settings work well here, but you can adjust if you wish.
general quickview settings
  1. Imagery
    1. This section will allow you to customize how the product image gallery works within the quickview popup. Here you’ll be able to change the image transitions, speed, thumbnail type and more.
imagery quickview settings
  1. Content
    1. The content section of this page allows you to select which product page ‘elements’ you’d like to be included in your quickview popup (anything from the title, rating, price, add to cart buttons and more). To enable or disable these elements, check or uncheck the tickbox next to each one.
    2. In this section you’ll also be able to customize the color of your quickview popup buttons. Either enter the hex code if you already know it, or click on the field and a color wheel will pop up.
content quickview settings
  1. Once you’re happy with all your changes on this page, scroll down or up the page and click the blue Save Changes button.

WooCommerce Quickview

Quickly view any product from the catalog, without reloading the page. Encourage sales with easy and efficient product browsing.

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.