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.
- Will try to help on issues pointed on Support forum and GitHub
- Fell free to suggest or contribute
- Can find me on twitter @porreirinha
This is a step-by-step that might help you on your setup.
- Activate WooCommerce Variation Details on Page Product plugin and ta-da, that’s it. It should work in most cases.
- 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.
- Alternatively, you can use the shortcode
[mp_wc_vdopp_variations]to hook variation details.
- Upload the entire
woocommerce-variation-details-on-page_productfolder to the
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- 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
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.
Contributors & Developers
“WooCommerce Variation Details on Page Product” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- 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;
- 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_after_weightso 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
- 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 syntax error,
- 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.
- 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.