# コレクションページ（商品一覧ページ）へのカートボタンの追加について **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [November 22, 2019, 1:44am UTC](https://community.shopify.com/t/topic/7321 "2019-11-22T01:44:02Z")\ **Posts on this page:** 4\ **Page:** 1 ## AI-generated summary コレクションページ（商品一覧）に各商品の「カートへ入れる」ボタンやカートアイコンを追加したい、という実装方法の相談。日本のECでよくある一覧から直接購入できるUIを、Shopifyでどう実現するかが主題です。 出た案は2つです。 - Shopifyの「Buy Button」アプリを使う案 - 商品ページのテンプレートにある「カート追加」ボタンのコードを、コレクション用テンプレートへ流用する案 ただし、Buy Buttonは本来Shopify外部サイトに埋め込む用途のため、Shopify内での利用は非推奨寄りとされ、カート不具合の可能性がFAQで指摘されています。このため、質問者はこの方法を見送る方向です。 現時点での有力な方向性は、英語圏コミュニティーでも紹介されているテンプレートコードの移植ですが、提示者自身は未検証です。結論として、正式な解決には至っておらず、テーマ編集による実装が候補として残っている段階です。
**Author:** ![QYNG](https://avatars.discourse-cdn.com/v4/letter/q/f4b2a3/32.png) [@QYNG](https://community.shopify.com/u/QYNG)\ **Post date:** [November 22, 2019, 1:44am UTC](https://community.shopify.com/t/topic/7321/1 "2019-11-22T01:44:02Z")
コレクションページ（商品一覧ページ）へ「カートへ入れる」ボタンを追加させたいのですが、知識が乏しく困っております。日本のECによく見られる、各商品の下にボタン設置、もしくは各商品画像内にカートのアイコンを設置する形が良いと思っております。すでに対応された方いらっしゃいましたら、アドバイス頂けますと幸いです。宜しくお願いいたします。 ---
**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\ **Post date:** [November 24, 2019, 8:35am UTC](https://community.shopify.com/t/topic/7321/2 "2019-11-24T08:35:36Z")
以下のbuy buttonはどうでしょうか？ [https://apps.shopify.com/buy-button?locale=ja&surface\_detail=buy%20button&surface\_inter\_position=1&surface\_intra\_position=1&surface\_type=search](https://apps.shopify.com/buy-button?locale=ja&surface_detail=buy%20button&surface_inter_position=1&surface_intra_position=1&surface_type=search) そもそもShopify外にボタンを貼るためのものなので、Shopify内に使う事例はあまりなさそうですが・・ ---
**Author:** ![QYNG](https://avatars.discourse-cdn.com/v4/letter/q/f4b2a3/32.png) [@QYNG](https://community.shopify.com/u/QYNG)\ **Post date:** [November 25, 2019, 2:54am UTC](https://community.shopify.com/t/topic/7321/3 "2019-11-25T02:54:58Z")
アドバイスありがとうございます！ しかし、、「よくある質問」を確認したところ、カートで問題が発生する可能性があるようで、 Shopify内で使用することはあまりおすすめされていないようでした。 [https://help.shopify.com/en/manual/sell-online/buy-button/faq](https://help.shopify.com/en/manual/sell-online/buy-button/faq) 何か良い方法があると良いのですが、、、 ---
**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\ **Post date:** [November 25, 2019, 3:14am UTC](https://community.shopify.com/t/topic/7321/4 "2019-11-25T03:14:23Z")
同様の質問が英語のコミュニティーでなされているようですが、商品ページのテンプレートのカート追加ボタンのコードをコレクションのテンプレートにコピーすることで対応可能なようです（検証はしてないです） [https://community.shopify.com/c/Shopify-Design/Add-to-cart-on-collection-pages/td-p/359735](https://community.shopify.com/c/Shopify-Design/Add-to-cart-on-collection-pages/td-p/359735)