Skip to content

How to Add Quick View Button on WooCommerce Products in Elementor?

Table Of Content

Do you want shoppers to check a product’s details without leaving the grid? A quick view opens the product in a popup, and closing it puts them back where they were.

The Woo Product Listing widget in The Plus Addons for Elementor has its own quick view, TP Quickview — no extra plugin needed.

To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: Pro — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.
  • WooCommerce installed and active, with some published products.
  • Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.

Step 1: Turn on Display TP Quickview

Add the Woo Product Listing widget. In Content > Extra Options, switch on Display TP Quickview. A quick view button appears on each product.

The display tp quickview switch in content > extra options

Step 2: Choose the popup layout

Quickview, just below, has two options:

  • Default — a ready-made layout with image, title, price and add to cart.
  • Custom Template — your own Elementor template, chosen in Template. Build it with The Plus Addons Woo Builder widgets so it shows the product’s data.
The quickview dropdown with default and custom template

Using YITH instead

If you already use the YITH WooCommerce Quick View plugin, switch on Display YITH Buttons and then Quick View in the same section. Use one quick view or the other, not both.

Settings Reference

SettingWhereDefault
Display TP QuickviewContent > Extra OptionsOff
QuickviewContent > Extra OptionsDefault
TemplateContent > Extra Options (Custom Template)None

Limitations

  • Pro only. The Woo Product Listing widget is not in the free plugin.
  • Custom templates need product-aware widgets. Ordinary widgets show the same content for every product.

Troubleshooting

The popup shows the same product every time

The custom template uses static widgets. Replace them with Woo Builder widgets.

Related Docs

Related Frequently Asked Questions

Related Docs