Title: Align Woo Buttons
Author: 320up
Published: <strong>2017年7月3日</strong>
Last modified: 2025年11月12日

---

プラグインを検索

![](https://ps.w.org/woo-align-buttons/assets/banner-772x250.png?rev=3394703)

![](https://ps.w.org/woo-align-buttons/assets/icon-256x256.png?rev=3394703)

# Align Woo Buttons

 作者: [320up](https://profiles.wordpress.org/320up/)

[ダウンロード](https://downloads.wordpress.org/plugin/woo-align-buttons.3.8.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/woo-align-buttons/#description)
 * [レビュー](https://ja.wordpress.org/plugins/woo-align-buttons/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/woo-align-buttons/#installation)
 * [開発](https://ja.wordpress.org/plugins/woo-align-buttons/#developers)

 [サポート](https://wordpress.org/support/plugin/woo-align-buttons/)

## 説明

This lightweight plugin will automatically align your WooCommerce “Add to cart” 
buttons.

**This plugin is not associated with WooCommerce or any of their affiliates.**

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.

## スクリーンショット

 * [[
 * 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

## FAQ

### 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](https://github.com/Aquafortis/woo-align-child).

### 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 your cache files.

### Will it work on mobile?

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

### Troubleshooting

**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](https://github.com/Aquafortis/woo-align-child).

## 評価

![](https://secure.gravatar.com/avatar/10420bbbe2f276f45ee79e2f05fb77758a4f0af843a560ce8884049860809a93?
s=60&d=retro&r=g)

### 󠀁[Love it! Such a simple concept](https://wordpress.org/support/topic/love-it-such-a-simple-concept/)󠁿

 [gamethrall](https://profiles.wordpress.org/gamethrall/) 2023年11月30日

I don’t know why this isn’t a default option in WooCommerce, but thank goodness 
this plugin exists. I’ve been trying to figure out how to fix this for a while when
I stumbled upon this plugin. Does exactly what it says it does. It also works on“
Select Options” buttons for variable products.

![](https://secure.gravatar.com/avatar/bc7b89bcf1ede7e95d16ff08f9c624b263a1545be1b763e68c0833c93e5402cc?
s=60&d=retro&r=g)

### 󠀁[Works with WooCommerce HPOS](https://wordpress.org/support/topic/doesnt-work-with-woocommerce-hpos/)󠁿

 [](https://profiles.wordpress.org/jzn21/) 2023年10月23日

This plugin is finally compatible with WooCommerce HPOS.

![](https://secure.gravatar.com/avatar/8051dae9a00a019eb90d6212810f51512c8a8af39c4822469a76688f21cda643?
s=60&d=retro&r=g)

### 󠀁[Great plugin. thx!](https://wordpress.org/support/topic/great-plugin-thx-11/)󠁿

 [sunnysonic](https://profiles.wordpress.org/sunnysonic/) 2023年6月15日

without it there is no proper way to accomodate all the options that this plugin
does. thanks

![](https://secure.gravatar.com/avatar/dde0f642e99597f93d76ca69479f5f881e8a90bec27fbeb7dd3c59aa7bfa9b27?
s=60&d=retro&r=g)

### 󠀁[Works fine on the block theme I use](https://wordpress.org/support/topic/works-fine-on-the-block-theme-i-use/)󠁿

 [jhnpldng](https://profiles.wordpress.org/jhnpldng/) 2022年10月15日

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.

![](https://secure.gravatar.com/avatar/d36241a20bcfde4ff1f3ccc46eb1cfa43b1c6c44ced6607a247afaa06775e9d6?
s=60&d=retro&r=g)

### 󠀁[Cool plugin](https://wordpress.org/support/topic/cool-plugin-522/)󠁿

 [Kostiantyn](https://profiles.wordpress.org/speedplus/) 2022年1月16日

Works with OnePress theme.

![](https://secure.gravatar.com/avatar/92a705835c1fa21b8023bf6068bd14413642e072a36abc5413937617326efb67?
s=60&d=retro&r=g)

### 󠀁[Great little plugin](https://wordpress.org/support/topic/great-little-plugin-307/)󠁿

 [David Foreman](https://profiles.wordpress.org/davros20/) 2021年12月7日

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!

 [ 30件のレビューをすべて表示 ](https://wordpress.org/support/plugin/woo-align-buttons/reviews/)

## 貢献者と開発者

Align Woo Buttons はオープンソースソフトウェアです。以下の人々がこのプラグインに
貢献しています。

貢献者

 *   [ 320up ](https://profiles.wordpress.org/320up/)

“Align Woo Buttons” は2ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/woo-align-buttons/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Align Woo Buttons” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/woo-align-buttons)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/woo-align-buttons/)する
か、[SVN リポジトリ](https://plugins.svn.wordpress.org/woo-align-buttons/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/woo-align-buttons/)を 
[RSS](https://plugins.trac.wordpress.org/log/woo-align-buttons/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 3.8.0

 * Tested on WordPress version 6.8.3
 * Tested on WooCommerce version 10.3.4
 * Changed Plugin name.

#### 3.7.0

 * Tested on WordPress version 6.3.2
 * Tested on WooCommerce version 8.2.1
 * Removed WC version lines in main file.

#### 3.6.9

 * Tested on WordPress version 6.3.2
 * Tested on WooCommerce version 8.2.1

#### 3.6.8

 * Tested on WordPress version 6.1.1
 * Tested on WooCommerce version 7.2.2
 * Not compatible with WooCommerce HPOS.

#### 3.6.7

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

#### 3.6.6

 * Tested on WordPress version 5.7.2
 * Tested on WooCommerce version 5.4.1

#### 3.6.5

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

#### 3.6.4

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

#### 3.6.3

 * Tested on WordPress version 5.3
 * Tested on WooCommerce version 3.8.0

#### 3.6.2

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

#### 3.6.1

 * Tested on WordPress version 5.2
 * Tested on WooCommerce version 3.6.2

#### 3.6.0

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

#### 3.5.8

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

#### 3.5.7

 * 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

#### 3.5.6

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

#### 3.5.5

 * Tested on WP version 5.1
 * Tested on WooCommerce version 3.5.5

#### 3.5.3

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

#### 3.4.5

 * 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

#### 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

## メタ

 *  バージョン **3.8.0**
 *  最終更新日 **5か月前**
 *  有効インストール数 **3,000+**
 *  WordPress バージョン ** 4.7またはそれ以降 **
 *  検証済み最新バージョン: **6.8.5**
 *  言語
 * [English (Australia)](https://en-au.wordpress.org/plugins/woo-align-buttons/)、
   [English (New Zealand)](https://en-nz.wordpress.org/plugins/woo-align-buttons/)、
   [English (US)](https://wordpress.org/plugins/woo-align-buttons/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/woo-align-buttons)
 * タグ
 * [align](https://ja.wordpress.org/plugins/tags/align/)[buttons](https://ja.wordpress.org/plugins/tags/buttons/)
   [woocommerce](https://ja.wordpress.org/plugins/tags/woocommerce/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/woo-align-buttons/advanced/)

## 評価

 5つ星中5つ星

 *  [  30 5-星レビュー     ](https://wordpress.org/support/plugin/woo-align-buttons/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/woo-align-buttons/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/woo-align-buttons/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/woo-align-buttons/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/woo-align-buttons/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/woo-align-buttons/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/woo-align-buttons/reviews/)

## 貢献者

 *   [ 320up ](https://profiles.wordpress.org/320up/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/woo-align-buttons/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://320up.com)