FROM CACHE - jp_header

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

解決済
risa1
観光客
10 0 0

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

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

 

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

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

1 件の受理された解決策

ベストソリューション
mrtc
Shopify Partner
43 20 26

成功

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

{% if template == 'collection' %}
<!-- カートアイコンのHTML -->
{% endif %}

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

ブログでShopifyテーマのカスタマイズ方法を紹介しています。
お困り事がありましたら、お気軽にメッセージをください。

元の投稿で解決策を見る

4件の返信4
mrtc
Shopify Partner
43 20 26

成功

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

{% if template == 'collection' %}
<!-- カートアイコンのHTML -->
{% endif %}

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

ブログでShopifyテーマのカスタマイズ方法を紹介しています。
お困り事がありましたら、お気軽にメッセージをください。
risa1
観光客
10 0 0

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

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

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

 

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

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

mrtc
Shopify Partner
43 20 26

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

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

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

ブログでShopifyテーマのカスタマイズ方法を紹介しています。
お困り事がありましたら、お気軽にメッセージをください。
risa1
観光客
10 0 0

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

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

 

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