# Xtraテーマ　商品ページのカート非表示方法について

**URL:** <https://community.shopify.com/t/xtra/270103>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [November 20, 2023, 7:36am UTC](https://community.shopify.com/t/xtra/270103 "2023-11-20T07:36:56Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Xtraテーマを使用している環境で、特定の商品ページのみカートボタンを非表示にする方法についての質問です。

**解決方法：**
株式会社Tsunの吉谷氏から、専用の商品テンプレートを作成することで実現可能との回答がありました。

**具体的な手順：**
1. オンラインストア > テーマ > Xtraテーマの「カスタマイズ」を選択
2. 画面中央上部のセレクトボックスから商品を選択
3. 「テンプレートを作成する」をクリック
4. 作成したテンプレートの「Buy Button」の目のアイコンを選択して非表示に設定
5. 変更を保存
6. 商品管理画面から対象商品を選び、作成したテンプレートを適用

Shopifyヘルプセンターのテンプレート構造に関するドキュメントも参考資料として提示されています。

<div class="post-metadata">

**Author:** ![fluffy\_cat](https://avatars.discourse-cdn.com/v4/letter/f/4af34b/32.png) [@fluffy\_cat](https://community.shopify.com/u/fluffy_cat)\
**Post date:** [November 20, 2023, 7:36am UTC](https://community.shopify.com/t/xtra/270103/1 "2023-11-20T07:36:56Z")

</div>

Xtraテーマを使用しています。

特定の商品ページだけ、カートボタンが表示されないようにしたいのですが、方法をご教示願いたいです。  
LIquid の編集でも、デザイン編集ツールからの編集でもどちらでも構いません。

---

<div class="post-metadata">

**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\
**Post date:** [November 20, 2023, 8:45am UTC](https://community.shopify.com/t/xtra/270103/2 "2023-11-20T08:45:02Z")

</div>

はじめまして

株式会社Tsunの吉谷と申します。

カートボタンを非表示にする商品テンプレートを新規で作成することで実現できるかと思います。

手順は下記です。

1. オンラインストア \> テーマの順に遷移

2. Xtraテーマの「カスタマイズ」をクリック

3. 画面の中央上部にあるセレクトボックスから商品を選ぶ

4. 「テンプレートを作成する」をクリック

5. 4で作成したテンプレートの「Buy Button」の目のアイコンを選択し、非表示にする

6. 画面右上の「保存」をクリック

7. 商品管理に遷移

8. カートボタンを非表示にしたい商品をクリックし、詳細ページに遷移

9. 画面右下のテーマテンプレートから4のテンプレートを選択

10. 画面右上の「保存」をクリック

参考

[テンプレート｜Shopify ヘルプセンター](https://help.shopify.com/ja/manual/online-store/themes/theme-structure/templates)

以上になります。

参考になりましたら幸いです。
