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.
- 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.
Plugin Links
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.