This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

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.


  • 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.


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



  1. Upload the entire woocommerce-variation-details-on-page_product folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to Variations section under Product tab, within WooCommerce settings and define which attributes you want to handle


Q. Is there any shortcode that I can use to hook the details?
A. Now there is, hurray. Just use the shortcode [mp_wc_vdopp_variations].

Q. After upgrading to version 2.0 I’m not able to show my details
A. Due to internal changes, all of the previous definitions of attribute keys were lost. You should go to Variation settings’ tab, within WooCommerce settings and define again which attributes you want to handle.


September 3, 2016
Essential plugin for our e-commerce website, we have used it for more than two years now. The best feature is that the author is always quick to fix any issues (due to WP or Woocommerce upgrades). Thanks!
September 3, 2016
Needed the weight to hide or show add to cart or add to quote buttons since we do not want to ship items over a certain weight.
February 8, 2017
Really Nice,But Also need working on variable product individually. works fine for me. i means if i can set every variable product minimum quantity and step value individually. like: product-1 ->variable-1 [ step:10,min:10,max:100,stock:150,out stock:200 ] ->variable-2 [ step:5,min:5,max:100,stock:150,out stock:200 ] ->variable-3 [ step:20,min:20,max:100,stock:150,out stock:200 ] like this.
Read all 9 reviews

Contributors & Developers

“WooCommerce Variation Details on Page Product” is open source software. The following people have contributed to this plugin.




  • Update filters timing to allow saving the plugin settings;


  • Tested with WooCommerce 2.7.0 RC1;
  • You don’t need to set DOM selector anymore. The plugin will find it for you;
  • Hook logic only to selectors that impact with variations;
  • JavaScript refactor to ditch jQuery dependency;


  • Make sure that front end only runs on variable products


  • Move options within Product tab
  • Add option for adding text before and after physical size and weight.
  • Add filters mp_wc_vdopp_before_size, mp_wc_vdopp_before_weight, mp_wc_vdopp_after_size and mp_wc_vdopp_after_weight so it can be easily replaced


  • Add support for multiple selectors
  • Add debug mode
  • Add translations support
  • Add Portuguese translation


  • Support for radio button selectors
  • Data sanitization

  • Automatically display variation details if default selection is defined
  • Fix a bug that would cause display weight unit even if there was no weight variation set

  • Bring back PHP 5.2 support
  • Fix a bug pointed out by @seanph when saving settings, which required to refresh the settings page after saving to get right values


  • Fix an issue caused by WooCommerce deprecated methods
  • When defined DOM objects don’t exist, console will log helping debugging
  • Slimmer JavaScript overhead


  • Fix sorting L x W x H


  • Added shortcode feature. Using the shortcode [mp_wc_vdopp_variations] will replace any settings defined on the hook


  • Fix a JavaScript bug that could limit the appearance of upper limits of variable attributes, as pointed here. Thank you Eran for reporting this issue.


  • Fix a syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM


  • Support Custom Attributes. Hurray.
  • Successfully tested on nightly WooCommerce 2.0.0 RC2.
  • You’ll not be required to define which attributes to handle, as this plugin will track them for you. As a consequence, old data will be removed from your database.
  • You can choose which DOM object will be used to hook product attributes.
  • You can choose which DOM object will be used to trigger action. This is a cool feature as I’ve faced themes that redefine DOM elements.
  • You can choose id/class for theming.
  • These settings are defined out of the box so most users don’t need to bother defining them.
  • Minified version of javascript.
  • Javascript improvement.

  • Minor error fix when Debug Mode is on.

  • Minor code cleanup.


  • Support products that only have variations on weight.


  • Fix a issue that would result on PHP Warning on implode() function in cases where products have any attributes.


  • Fix a bug that could result on jQuery unexpected results.


  • New Variation settings tab within WooCommerce settings.

  • Added the Donation button. Have a wife and a dog to support.


  • Fix a bug to remove empty classes product_details created after each change.
  • Fix the following error: Parse error: syntax error, unexpected '[' in ../woocommerce-variation-details-on-page-product/wc-attributes-on-page.php on line 31


  • Just unleash the first version.