Woo Align Buttons

Description

This lightweight plugin will automatically align your WooCommerce ‘Add to cart’ buttons.

Nothing looks worse than visiting a WooCommerce shop page to find the ‘Add to cart’ buttons scattered all over the place like a dog’s breakfast.

This simple plugin solves that problem with a little javascript, and without modifying any core files or templates.

Screenshots

  • Writer Theme.
  • Storefront Theme.
  • Twenty Seventeen Theme.

Installation

  • Upload woo-align-buttons.zip through the ‘Plugins’ menu in WordPress
  • Or upload unzipped woo-align-buttons folder to the /wp-content/plugins/ directory
  • Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions
  • Upload woo-align-buttons.zip through the ‘Plugins’ menu in WordPress
  • Or upload unzipped woo-align-buttons folder to the /wp-content/plugins/ directory
  • Activate the plugin through the ‘Plugins’ menu in WordPress
How does it work?

It hooks a wrapper <div> around the product information above the ‘Add to cart’ buttons.
Javascript then measures the height of that wrapper and adjusts the height to automatically align the buttons.

Will it work on all themes?

That depends. It is designed to work on unmodified WooCommerce files. If your theme has modified any WooCommerce product templates or added hooks that affect those templates or files, this plugin may not work.

It is assumed that if the theme developer has hacked, hooked, or modified any WooCommerce files, they should have already fixed the problem with aligning the buttons.

If it is not working on your theme chances are your theme has been modified or hacked, and this plugin will NOT work.

You can either choose another theme, or contact your theme developer and ask them to fix their theme.

Can I incorporate it into my own theme?

Yes. However, the hook in your theme’s functions.php file will need to be modified slightly.
Instructions on how to do this can be found on our website.

Will it work on mobile?

Yes. Every time the screen is resized, it will re-adjust the buttons.

Will it work on older versions?

Don’t know. Try it for yourself. It’s Free.

Reviews

Easy and effective

This was way easier than trying to make sure product titles were all the same number of lines so the cart buttons would align. Surprising oversight by Woo, but appreciate the free fix.

Read all 6 reviews

Contributors & Developers

“Woo Align Buttons” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Woo Align Buttons” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

3.4.4

  • Tested on WP version 4.9.8
  • Tested on WooCommerce version 3.4.4

3.3.5

  • Tested on WP version 4.9.5

3.1.1

  • Updated install folder name

3.1.0

  • Initial release