Files
dotjuice-plugin-docs/marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md
johan 37e5497923 Flatten marketing paths ahead of wiring up the websites
Drop the redundant documentation/marketing/ nesting inherited from the
plugin repos, so files sit at marketing/<plugin>/<page>.md. These paths
become raw URLs pasted into Elementor pages and ACF fields, so they are
much cheaper to change now than once sites reference them.

Fixes the four cross-plugin links for their new depth, and corrects the
README, which still pointed at the abandoned per-repo documentation/
folders instead of this repo.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-31 06:39:05 +00:00

1.1 KiB
Executable File

Woo Add to Cart Transform

Turn WooCommerce's plain variation dropdowns into clickable buttons — the way a modern product page should look.

The problem it solves

WooCommerce's default variable-product selector is a set of <select> dropdowns — functional, but visually dated compared to the button and swatch-based selectors shoppers expect from modern ecommerce sites.

How it helps

Woo Add to Cart Transform converts those native dropdowns into a clean row of clickable buttons, fully restyled through Elementor controls — normal, hover, and selected states, spacing, borders, and typography all included. It also cleans up a few default WooCommerce quirks along the way: a clearer "reset selection" link, and per-variation pricing that always shows so shoppers always know exactly what they're about to pay.

The result

A product options selector that looks and feels current, without touching a line of custom CSS or template code.

Colour swatches for attributes like colour options are a Pro feature — the free version gives you styled buttons.