jandieman/dotjuice-plugin-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add image placeholder screenshots to pro widget docs and pagespeed docs

Browse Source
This commit is contained in:
Johan Koke
2026-08-03 11:48:02 +00:00
parent e51c8ea1f2
commit 9f2720125b
17 changed files with 59 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/dotjuice-elementor-tools-pro/widgets/woo-quick-view.md
View File

@@ -4,12 +4,17 @@ Two widgets work together to build Quick View: **Woo Quick View** (this one —
Requires WooCommerce. **Requires Elementor Pro** for the popup to actually open — without Elementor Pro, the quick-view button gracefully falls back to a normal link straight to the product page instead, so nothing is ever broken, it simply won't show a popup.
![The Woo Quick View widget settings in the Elementor panel](../assets/img/woo-quick-view-controls.png)
*Screenshot: the widget selected in the editor with the Quick View settings open, showing the Enable Quick View toggle and the popup selector.*
## How it works, end to end
1. You build a popup (an Elementor Pro popup content type) containing the **Woo Quick View Popup** widget.
2. You place the **Woo Quick View** widget anywhere you like, and point it at that popup.
3. The Quick View widget then automatically injects a quick-view button onto every product in your product loops (grids, carousels) sitewide — you don't need to manually add a button to each product card.
![A Quick View popup open on a product](../assets/img/woo-quick-view-frontend.png)
*Screenshot: a shop grid with a Quick View popup open, showing the product image, price, variations, and add-to-cart button inside the overlay.*
## Setting it up
1. **Create the popup**: in Elementor, create a new Popup (Templates → Popups → Add New in your Elementor library).