WooCommerce Variation Details on Page Product

With this plugin you can display size and/or weight details of your variable products based on defined attributes of your WooCommerce products.

On default environments, this plugin works out of the box.

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.

Features

• Your can use the shortcode [mp_wc_vdopp_variations] and hook there the visibility of your details.
• 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.
• Choose the place holder to show variations.
• Choose data id/class of displayed data for CSS design.
• Choose the selector that triggers show data event.

Feedback

• Will try to help on issues pointed on Support forum and GitHub
• Fell free to suggest or contribute
• Can find me on twitter @porreirinha

Basic Setup

This is a step-by-step that might help you on your setup.

1. Activate WooCommerce Variation Details on Page Product plugin and ta-da, that’s it. It should work in most cases.
2. 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.
3. Alternatively, you can use the shortcode [mp_wc_vdopp_variations] to hook variation details.

Plugin Links

• Developers: reports bugs & issues
• Developers: contribute