By default, WooCommerce places single-product summaries right next to the main product image/gallery section, which is ideal for displaying product descriptions, prices and meta. Add-to-cart forms are normally displayed inside the single-product summary, too, which works well when displaying Simple or Variable product forms.
However, this layout is not particularly suitable for complex product types, such as Composites or Bundles, which require much more space for their form content.
If you are having issues with very narrow or squeezed product add-to-cart forms, you can use this plugin to move the add-to-cart form below the product image and summary section.
The plugin adds a “Force Stacked Layout” option under the WooCommerce Settings > Products > Display section, where you can select which product types should use the modified, stacked layout.
Important: The plugin may not work if your theme overrides core WooCommerce template functions, or changes the default template action hook priorities!
- Upload the plugin to the /wp-content/plugins/ directory
- Activate the plugin through the Plugins menu in WordPress
Title says it all. Parts of the add-to-cart stuff is copied to the description section of the page. However, the components stuff is still right to the product image.
Would love this to work – but it just does not.
This is a really good idea for a plugin. I was impressed how much better everything looked and worked.
Unfortunately, there is a catch for me, using the Canvas theme, the “Total” price for the composite product (appears next to the add to cart button) loses its formatting. Since the total is now body text size, it looks like I’m trying to trick the customer… not good.
If there was any fix or workaround for this I’d be very grateful…
Contributors & Developers
“WooCommerce Stacked Product Layout” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Fix – Move the hook-in point from the
woocommerce_before_single_productaction – resolves some issues with themes that shuffle around the summary/description.
- Fix – Missing product types in plugin settings – issue introduced in v1.1.2.
- Tweak – Updated plugin name.
- Tweak – Added
woocommerce_full_width_add_to_cart_section_classesfilter to allow adding classes to the stacked add-to-cart container.
- Tweak – Added docblocks.
- Tweak – Front-end modifications now hooked at the
- Fix – A stray, pesky PHP warning. Shame.
- Tweak – Plugin name and description.
- Tweak – Moved settings under Settings > Products > Display.
- Fix – Static PHP notices. Ops.
- Initial version.