Woo Align Buttons


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.

This version will also align your Product Titles thus allowing longer titles or larger fonts.

See FAQ about issue with WooCommerce blocks.

If you have any other issues, let us know in the Support section.
If you like the “Woo Align Buttons” plugin, please take the time to rate it.


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


  • Upload woo-align-buttons.zip through the “Plugins” menu in WordPress
  • Else 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?

No. 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.
A sample child theme can be found here on GitHub.

Will it work with WooCommerce blocks?

No. WooCommerce has changed the products grid template for their blocks.
Their new template does not allow for separating the ‘Add to cart’ buttons.
Without the ability to separate the buttons, this plugin can not work.
This issue would need to be taken up with WooCommerce Support.

Latest update not working?

There appears to be a handful of users experiencing issues with the latest updates.
This is most likely caused by previous version files being cached on the users system.
You can try clearing all of your cache files.
Otherwise you can revert back to this carbon copy of version 3.6.6:
Download version 100.6.6 from the bottom of the page Here.
Delete the version you currently have installed, then upload and activate version 100.6.6.
Clear any caches you have, and let us know how you go.
You should not receive any out-of-date warnings with this version.

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.


If you are having issues with a modified theme, please leave details in the Support section.
Don’t forget to leave a link to your website for us to inspect.
We may be able to give you a link to a custom version that might help. (No guarantees)
If your theme has been heavily modified and the buttons are outside of the original scope, you may have to consider using another theme.
If you are able to do some of your own coding, a child theme can usually be made to work.
A sample child theme can be found here on GitHub.


Hezîran 15, 2023
without it there is no proper way to accomodate all the options that this plugin does. thanks
Cotmeh 15, 2022
I'm using Gutenify Store theme which is a FSE block theme and this plugin lines up the add to cart buttons perfectly. I'm just using the standard woocommerce product grid block. Plugin adds woo-align-public.js to the page and it's all of 4.04 kb so no hit to the precious pagespeed.
Kanûn 7, 2021
This plugin does exactly what it say's it will do. There are no settings or interface as they are not needed. A great plugin to install on any WooCommerce install. A perfect example of a simple plugin that solves an annoying problem perfectly!
Mijdar 18, 2021
This plug-in is an absolute life-saver. Found it by chance online while looking for a solution to my unaligned ''Add to cart'' buttons problem and it worked like a charm straight away. Fully responsive as well. I had a small theme-related detail that needed some tweaks, so I checked the plug-in forum thread and found a resolution immediately. I cannot recommend this enough. Thank you, developers!
Read all 28 reviews

Contributors & Developers

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


“Woo Align Buttons” has been translated into 2 locales. Thank you to the translators for their contributions.

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.



  • Tested on WordPress version 6.1.1
  • Tested on WooCommerce version 7.2.2


  • General housekeeping
  • FAQ about WooCommerce blocks
  • Tested on WordPress version 5.8.1
  • Tested on WooCommerce version 5.8.0


  • Tested on WordPress version 5.7.2
  • Tested on WooCommerce version 5.4.1


  • Remove WooCommerce version message
  • Tested on WordPress version 5.4.1
  • Tested on WooCommerce version 4.2.0


  • Changed woo-height to class
  • Tested on WordPress version 5.4
  • Tested on WooCommerce version 4.0.1


  • Tested on WordPress version 5.3
  • Tested on WooCommerce version 3.8.0


  • Tested on WordPress version 5.2.2
  • Tested on WooCommerce version 3.7.0
  • Includes pure javascript manual option (beta)


  • Tested on WordPress version 5.2
  • Tested on WooCommerce version 3.6.2


  • This version also aligns your product titles
  • Tested on WooCommerce version 3.6.1


  • Global script can now be called within other Plugins
  • Tested on WooCommerce version 3.5.6


  • Custom version for modified themes
  • Do not use unless you have issues with your theme
  • This version has additional event triggers
  • Global folder has been removed
  • Tested on WooCommerce version 3.5.6


  • Updated alternate script in global folder
  • See Troubleshooting section for usage
  • Tested on WooCommerce version 3.5.6


  • Tested on WP version 5.1
  • Tested on WooCommerce version 3.5.5


  • Tested on WP version 5.0.2
  • Tested on WooCommerce version 3.5.3
  • Added global script folder


  • Tested on WP version 4.9.8
  • Tested on WooCommerce version 3.4.5
  • Added document change function
  • Optional scroll function in woo-align-public.js file


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


  • Tested on WP version 4.9.5


  • Updated install folder name


  • Initial release