コレクションページ（商品一覧ページ）へ「カートへ入れる」ボタンを追加させたいのですが、知識が乏しく困っております。日本のECによく見られる、各商品の下にボタン設置、もしくは各商品画像内にカートのアイコンを設置する形が良いと思っております。すでに対応された方いらっしゃいましたら、アドバイス頂けますと幸いです。宜しくお願いいたします。
AI-generated summary
コレクションページ（商品一覧）に各商品の「カートへ入れる」ボタンやカートアイコンを追加したい、という実装方法の相談。日本のECでよくある一覧から直接購入できるUIを、Shopifyでどう実現するかが主題です。
出た案は2つです。
- Shopifyの「Buy Button」アプリを使う案
- 商品ページのテンプレートにある「カート追加」ボタンのコードを、コレクション用テンプレートへ流用する案
ただし、Buy Buttonは本来Shopify外部サイトに埋め込む用途のため、Shopify内での利用は非推奨寄りとされ、カート不具合の可能性がFAQで指摘されています。このため、質問者はこの方法を見送る方向です。
現時点での有力な方向性は、英語圏コミュニティーでも紹介されているテンプレートコードの移植ですが、提示者自身は未検証です。結論として、正式な解決には至っておらず、テーマ編集による実装が候補として残っている段階です。
以下のbuy buttonはどうでしょうか？
そもそもShopify外にボタンを貼るためのものなので、Shopify内に使う事例はあまりなさそうですが・・
アドバイスありがとうございます！
しかし、、「よくある質問」を確認したところ、カートで問題が発生する可能性があるようで、
Shopify内で使用することはあまりおすすめされていないようでした。
https://help.shopify.com/en/manual/sell-online/buy-button/faq
何か良い方法があると良いのですが、、、
同様の質問が英語のコミュニティーでなされているようですが、商品ページのテンプレートのカート追加ボタンのコードをコレクションのテンプレートにコピーすることで対応可能なようです（検証はしてないです）
https://community.shopify.com/c/Shopify-Design/Add-to-cart-on-collection-pages/td-p/359735