Karthick

<p>Togglix Variation Switcher for WooCommerce helps customers update selected variation attributes (size, color, material, etc.) without leaving the purchase flow.</p>
<p>Instead of removing a variable product and searching again on the product page, the customer can click <strong>Edit</strong> next to the line item, choose another valid combination, and update the existing cart line with AJAX.</p>
<p>The plugin supports both block-based (WooCommerce Blocks) and classic Cart/Checkout experiences, includes runtime compatibility controls, and adds analytics to monitor usage and outcomes.</p>
<h4>Key Features</h4>
<ul>
<li>Edit variable products directly from Cart and Checkout</li>
<li>Works with both WooCommerce Blocks and classic templates</li>
<li>Cart-line-aware updates using cart item keys (better accuracy when similar products exist in cart)</li>
<li>Optional variation preview panel (price, SKU, stock, image)</li>
<li>Inventory-aware switching (only purchasable combinations)</li>
<li>Per-product overrides (disable switcher or custom Edit label)</li>
<li>Rules engine (roles, coupon state, include/exclude products/categories/tags)</li>
<li>Compatibility profiles + Safe mode for conflict handling</li>
<li>Analytics with date range, conversion rate, failed reason breakdown, chart, top products, and CSV export</li>
<li>Translation-ready (<code>languages/togglix-variation-switcher-for-woocommerce.pot</code>)</li>
</ul>
<h4>Settings Overview</h4>
<p>After activation, go to: <strong>WooCommerce -> Variation Switcher</strong></p>
<h3>General</h3>
<ul>
<li>Enable plugin</li>
<li>Update button label</li>
<li>Edit link label</li>
</ul>
<h3>Design</h3>
<ul>
<li>Popup width (320-1200)</li>
<li>Primary color (WordPress color picker)</li>
</ul>
<h3>Behavior</h3>
<ul>
<li>Variation preview on/off</li>
<li>Show close button</li>
<li>Close on overlay click</li>
<li>Auto reload delay (ms)</li>
<li>Inventory-aware switching</li>
</ul>
<h3>Compatibility</h3>
<ul>
<li>Compatibility profile (Auto, Classic-first, Blocks-first, Safe)</li>
<li>Enable on Cart page</li>
<li>Enable on Checkout page</li>
<li>Use partial refresh after update</li>
<li>Safe mode (fallback)</li>
<li>WooCommerce Blocks integration toggle</li>
<li>Diagnostics report with copy-to-clipboard helper</li>
</ul>
<h3>Rules</h3>
<ul>
<li>Disable when coupon applied</li>
<li>Allowed user roles</li>
<li>Include/Exclude products (searchable)</li>
<li>Include/Exclude categories (select2)</li>
<li>Include/Exclude tags (select2)</li>
</ul>
<h3>Analytics</h3>
<ul>
<li>Date range filter</li>
<li>Summary metrics (opens, success, failed, conversion rate)</li>
<li>Failed updates by reason</li>
<li>Daily activity mini chart</li>
<li>Top products in range</li>
<li>CSV export</li>
</ul>
<h4>Per-product options</h4>
<p>For variable products, in Product data (General tab):</p>
<ul>
<li>Disable variation switcher for this product</li>
<li>Custom Edit label for this product</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>WordPress: 6.0+</li>
<li>WooCommerce: required</li>
<li>PHP: 7.4+</li>
<li>HPOS compatible (declared)</li>
<li>Supports WooCommerce Blocks and classic Cart/Checkout templates</li>
</ul>
<h3>How to Use</h3>
<ol>
<li>Add a variable product to the cart.</li>
<li>Go to Cart or Checkout.</li>
<li>Click the <strong>Edit</strong> link on a variation line item.</li>
<li>Select new attribute values in the popup.</li>
<li>Click <strong>Update</strong>.</li>
<li>Totals and line details refresh (partial refresh or full reload based on settings).</li>
</ol>


Togglix Variation Switcher for WooCommerce

Let customers edit variable product attributes directly from WooCommerce Cart and Checkout pages.

Marco Pereirinha

<p>With this plugin you can display size and/or weight details of your variable products based on defined attributes of your WooCommerce products.</p>
<p>On default environments, this plugin works out of the box.</p>
<p>WooCommerce added these details to the additional details section of the product page. This plugin still offers a bit more flexibility. For instance, it allows you to control where to render these details or show the dimensions if the attribute you’re changing is dimension related, without the need of setting all the variables — like colour.</p>
<h3>Features</h3>
<ul>
<li>Your can use the shortcode <code>[mp_wc_vdopp_variations]</code> and hook there the visibility of your details.</li>
<li>If your product is set to be variable and you have also set size and/or weight on each your predefined attributes, this plugin will show those details within other meta details.</li>
<li>Choose the place holder to show variations.</li>
<li>Choose data id/class of displayed data for CSS design.</li>
<li>Choose the selector that triggers show data event.</li>
</ul>
<h3>Feedback</h3>
<ul>
<li>Will try to help on issues pointed on <a href="https://wordpress.org/support/plugin/woocommerce-variation-details-on-page-product" rel="ugc">Support forum</a> and <a href="https://github.com/pereirinha/woocommerce-variation-details-on-page-product/issues" rel="nofollow ugc">GitHub</a></li>
<li>Fell free to suggest or contribute</li>
<li>Can find me on twitter <a href="https://twitter.com/porreirinha" rel="nofollow ugc">@porreirinha</a></li>
</ul>
<h3>Basic Setup</h3>
<p>This is a step-by-step that might help you on your setup.</p>
<ol>
<li>Activate WooCommerce Variation Details on Page Product plugin and ta-da, that’s it. It should work in most cases.</li>
<li>Use a front-end development tool — like Chrome Developer Tools — to track selectors on your DOM. Map them on WooCommerce > Settings > Variations according your needs.</li>
<li>Alternatively, you can use the shortcode <code>[mp_wc_vdopp_variations]</code> to hook variation details.</li>
</ol>
<h3>Plugin Links</h3>
<ul>
<li><a href="https://github.com/pereirinha/woocommerce-variation-details-on-page-product/issues" rel="nofollow ugc">Developers: reports bugs & issues</a></li>
<li><a href="https://github.com/pereirinha/woocommerce-variation-details-on-page-product" rel="nofollow ugc">Developers: contribute</a></li>
</ul>


WooCommerce Variation Details on Page Product

Displays physical size and/or weight within meta details of product with variations.

Togglix Variation Switcher for WooCommerce vs WooCommerce Variation Details on Page Product