WooCommerceアーカイブページで「カートに追加」ボタンの位置を変更する方法


  1. テーマファイルのコピー: テーマをカスタマイズする前に、現在使用しているテーマのファイルをバックアップすることをおすすめします。FTPクライアントやファイルマネージャーを使用して、テーマのディレクトリ内の「woocommerce」フォルダを探し、その中にある「archive-product.php」ファイルをコピーします。

  2. テーマファイルの編集: コピーした「archive-product.php」ファイルをテキストエディタで開きます。このファイルは、アーカイブページの商品リストを表示するためのテンプレートファイルです。

<?php woocommerce_template_loop_add_to_cart(); ?>

このコードを移動させたい位置に貼り付けます。移動後に必要なスタイルの調整がある場合は、CSSを使用して適切にスタイリングしてください。

  1. ファイルの保存とアップロード: 編集が完了したら、ファイルを保存します。その後、FTPクライアントやファイルマネージャーを使用して、編集した「archive-product.php」ファイルをテーマのディレクトリにアップロードします。

  2. キャッシュのクリア: ウェブサイトのキャッシュが有効になっている場合は、キャッシュをクリアして変更を反映させる必要があります。キャッシュプラグインを使用している場合は、プラグインの設定からキャッシュをクリアしてください。

これで、「カートに追加」ボタンの位置が変更されたはずです。アーカイブページを表示して確認してください。