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.

If you have any 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

Vanliga frågor

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.
Download child theme version releases from here on GitHub.

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, try using a custom version.
Custom versions can be found here on GitHub.
Select a custom version that best suits your situation.
Download the Source code (zip) file.
Install as you would any other Plugin.
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.
See examples of child themes here on GitHub.


12 augusti, 2019
We tried lot's of codes to fix aligning the buttons but no luck... only this plugin could fix the issue, thanks!!
16 januari, 2019
Saved much time for something so simple but tedious to do. Thank you guys, if they had 10 stars, you would get 10.
Läs alla 11 betyg

Bidragsgivare och utvecklare

”Woo Align Buttons” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”Woo Align Buttons” har översatts till 2 språk. Tack till översättarna för deras bidrag.

Översätt ”Woo Align Buttons” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.



  • 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 wooalign-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