# コレクションページでのみカートを表示したい

**URL:** <https://community.shopify.com/t/topic/75280>\
**Category:** 技術的なQ＆A\
**Created:** [October 31, 2021, 10:51am UTC](https://community.shopify.com/t/topic/75280 "2021-10-31T10:51:26Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

主題: ヘッダーのカートボタンをコレクションページでのみ表示し、他ページでは非表示にしたい（Shopify「Minimal」テーマ）。

提案: テンプレート分岐（Liquid）を利用。例: {% if template == 'collection' %} … {% endif %}。

補足: コレクションテンプレートが複数ある場合は「==」ではなく「contains」を使用。

実装場所: テーマの「Sections/header.liquid」を開き、「cart」で検索して該当HTMLに条件を追加。

注意点: Minimalはデスクトップ用とモバイル用でHTMLが別構成。両方に分岐タグを追記する必要がある。

用語補足: LiquidはShopifyのテンプレート言語。「template」は現在のページテンプレートを示す変数。

進捗/結果: 指示通りに実装し、コレクションページのみでカート表示ができるようになった。

ステータス: 解決済み。追加の課題や未解決点は提示なし。

備考: 条件分岐コードの挿入が中心の対応で、HTML編集に不慣れなら変更は推奨されない。

<div class="post-metadata">

**Author:** ![risa1](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@risa1](https://community.shopify.com/u/risa1)\
**Post date:** [October 31, 2021, 10:51am UTC](https://community.shopify.com/t/topic/75280/1 "2021-10-31T10:51:26Z")

</div>

ヘッターに表示されているカートボタンを、コレクションページでのみ表示したいです。

他のページでは非表示にしたいです。

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

方法がありましたらご教示いただけますと幸いです。

---

<div class="post-metadata">

**Author:** ![mrtc](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mrtc/32/109726_2.png) [@mrtc](https://community.shopify.com/u/mrtc)\
**Post date:** [November 1, 2021, 8:04am UTC](https://community.shopify.com/t/topic/75280/2 "2021-11-01T08:04:47Z")

</div>

テンプレートの分岐で可能です。

```php
{% if template == 'collection' %}

{% endif %}

```

テンプレートが「collection」の場合はコード内のHTMLが表示されます。  
コレクションのテンプレートが複数ある場合は、「==」じゃなくて「contains」を利用してください。

---

<div class="post-metadata">

**Author:** ![risa1](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@risa1](https://community.shopify.com/u/risa1)\
**Post date:** [November 1, 2021, 9:14am UTC](https://community.shopify.com/t/topic/75280/3 "2021-11-01T09:14:33Z")

</div>

ご回答ありがとうございます。

初心者なもので基礎的な質問で、大変申し訳ないのですが、

添付いただいたコードをどちらに入力したら良いのでしょうか。

ご教授いただけますと大変助かります。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![mrtc](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mrtc/32/109726_2.png) [@mrtc](https://community.shopify.com/u/mrtc)\
**Post date:** [November 1, 2021, 9:46am UTC](https://community.shopify.com/t/topic/75280/4 "2021-11-01T09:46:21Z")

</div>

テーマもバージョンによって構造が異なったりしますので、具体的なソースは答えにくいですが、とりあえず「Sections/header.liquid」を開いて「cart」で検索してみてください。

Minimalの場合はデスクトップ用とモバイル用が別のHTMLなので、それぞれに分岐タグを追記してください。

HTMLが理解できていれば簡単だと思いますが、難しいようでしたら触らないほうが良いです。

---

<div class="post-metadata">

**Author:** ![risa1](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@risa1](https://community.shopify.com/u/risa1)\
**Post date:** [November 1, 2021, 10:00am UTC](https://community.shopify.com/t/topic/75280/5 "2021-11-01T10:00:43Z")

</div>

ご教授いただいた通り、やってみましたら

コレクションページのみにカートを表示できるようになりました。

大変助かりました。有難うございました。