Products Transform doc: mark Variation swatches as a Pro feature

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Johan
2026-07-23 16:31:03 +00:00
parent 3cbd7b6bd3
commit 1d9b26b108

View File

@@ -53,9 +53,9 @@ You can tick **Disable rollover for this product** on any product to opt it out
Second images use native lazy loading, and on touch devices (no hover) products simply show their featured image.
## Variation swatches
## Variation swatches (Pro)
For **variable** products, show clickable colour swatches under each product in the loop. Clicking a swatch swaps the product image to that variation's image — shoppers preview colours without opening the product.
For **variable** products, show clickable colour swatches under each product in the loop. Clicking a swatch swaps the product image to that variation's image — shoppers preview colours without opening the product. These controls only appear when Dotjuice Elementor Tools **Pro** is active.
- **Show colour swatches** — the master toggle (off by default).
- **Swatch taxonomy** — which product attribute drives the swatches (e.g. `Colour` / `pa_color`). Swatch colours come from the attribute term's colour (see the WooCommerce Hacks attribute colour manager).
@@ -86,5 +86,5 @@ Styles the block holding the product title and price, and offers a few content t
## Good to know
- Rollover, swatches and the transform effects all keep working on products loaded by the Dotjuice AJAX product filter.
- The **Image Rollover** controls only appear when Dotjuice Elementor Tools **Pro** is active — deactivating Pro removes the rollover feature; the rest of the widget keeps working.
- The **Image Rollover** and **Variation swatches** controls only appear when Dotjuice Elementor Tools **Pro** is active — deactivating Pro removes those features (and shows a short "available in Pro" note); the rest of the widget keeps working.
- Because the widget restyles Elementor Pro's Products loop, it only has a visible effect on pages that actually render that loop.