How to Setup a Product Quick View with WooCommerce Module in Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    Quick View for WooCommerce Products

    This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

    You can manage the Quick view which shows product details in a lightbox using the WooCommerce module available with Astra Pro under Shop page settings. Please refer document, to begin with, WooCommerce module.

    After activating the addon, the setting can be found under Appearance > Customize > WooCommerce > Product Catalog.


    Below are the available settings –

    • On Image
    • On Image Click
    • After Summary

    On Image

    A strip appears across the image on hover when you choose this option.
    Once you click on the Quick View option a lightbox opens with the product’s description.

    On Image Click

    Unlike “On Image”, no Quick View strip appears on the image hover.
    When you click on the image for an instance lightbox opens with the product’s description.

    After Summary

    A summary is the details of the product like title, price, short description and so on.
    When you choose this option, Quick View button appears at the end of the above-mentioned summary.

    Stick Add to Cart Button

    Enabling this option will stick Add to Cart button and other variables at the bottom of quick view window. If you have long description and number of variables, this option can be used to stick and highlight Add to Cart button. 

    Note: Whatever appears in the lightbox comes from the Single Product settings.
    So if you wish to show/hide the settings like title, description, add to cart button etc you need to predefine those setting. All these settings will be displayed on Single Product Page as well.

    Path for the setting in customizer is Appearance > Customize > WooCommerce > Single Product.

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.