[WordPress] WooCommerce ストアページに「カート」ボタンを追加する

WooCommerceのショップページ（ショッピングページ）には基本的に「カート"(Add to cart) ボタンが表示されます。 しかし、上記のように店のページに「カート「ボタンが表示されない場合もあります。これは WordPress テーマ自体で WooCommerceを修正したためです。

たとえば、上の図は、 Enfold テーマのショップデモを載せたときのショップページの形です。 図のように「カート」ボタンがなく、商品をクリックして詳細を確認した後に購入ができる形です。 このように、一部のテーマでは、ショッピングページに「ショッピングカート」ボタンが表示されないように設定することができます。 この場合、テーマオプションでこれらのオプションを制御することができれば幸いですが、そうでない場合はテーマソースを変更する必要があります。 ただし、テーマソースを変更すると将来の更新時に問題が発生する可能性があるため、テーマソースを変更することはあまりお勧めできません。

使用中のテーマのストアページに「カート」ボタンがなく、デフォルト設定のように「カート」ボタンを追加したい場合は、次のコードをテーマの関数ファイルに追加します。

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );
// Source: GitHub Gist

上記のコードは本来Diviテーマに適用するためのもので Enfoldテストしてみるとうまく動作しました。 Enfoldに適用すると、次の図のようにカート「ボタンが復元されます。（使用中 WordPress テーマに沿ってうまく動作しない場合があります。 その場合は、ないだろう、もしCSSで無理に隠した場合には、CSSを使用して復元する必要があります。）

オプションがある場合オプション選択「ボタンが追加されています。「カート」ボタンのレイアウトはCSSで調整するようにします（」WordPressでのCSSを追加する」を参照）。

メモ：

• WooCommerce 商品ページの「買い物を続ける」（Continue Shopping）ボタンを追加する