Files
dotjuice-plugin-docs/marketing/dotjuice-elementor-tools/widgets/woo-add-to-cart-transform.md

1.1 KiB
Executable File

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.