ヘッターに表示されているカートボタンを、コレクションページでのみ表示したいです。
他のページでは非表示にしたいです。
Minimalのテーマを使用しています。
方法がありましたらご教示いただけますと幸いです。
主題: ヘッダーのカートボタンをコレクションページでのみ表示し、他ページでは非表示にしたい(Shopify「Minimal」テーマ)。
提案: テンプレート分岐(Liquid)を利用。例: {% if template == ‘collection’ %} … {% endif %}。
補足: コレクションテンプレートが複数ある場合は「==」ではなく「contains」を使用。
実装場所: テーマの「Sections/header.liquid」を開き、「cart」で検索して該当HTMLに条件を追加。
注意点: Minimalはデスクトップ用とモバイル用でHTMLが別構成。両方に分岐タグを追記する必要がある。
用語補足: LiquidはShopifyのテンプレート言語。「template」は現在のページテンプレートを示す変数。
進捗/結果: 指示通りに実装し、コレクションページのみでカート表示ができるようになった。
ステータス: 解決済み。追加の課題や未解決点は提示なし。
備考: 条件分岐コードの挿入が中心の対応で、HTML編集に不慣れなら変更は推奨されない。
ヘッターに表示されているカートボタンを、コレクションページでのみ表示したいです。
他のページでは非表示にしたいです。
Minimalのテーマを使用しています。
方法がありましたらご教示いただけますと幸いです。
テンプレートの分岐で可能です。
{% if template == 'collection' %}
{% endif %}
テンプレートが「collection」の場合はコード内のHTMLが表示されます。
コレクションのテンプレートが複数ある場合は、「==」じゃなくて「contains」を利用してください。
ご回答ありがとうございます。
初心者なもので基礎的な質問で、大変申し訳ないのですが、
添付いただいたコードをどちらに入力したら良いのでしょうか。
ご教授いただけますと大変助かります。
よろしくお願いいたします。
テーマもバージョンによって構造が異なったりしますので、具体的なソースは答えにくいですが、とりあえず「Sections/header.liquid」を開いて「cart」で検索してみてください。
Minimalの場合はデスクトップ用とモバイル用が別のHTMLなので、それぞれに分岐タグを追記してください。
HTMLが理解できていれば簡単だと思いますが、難しいようでしたら触らないほうが良いです。
ご教授いただいた通り、やってみましたら
コレクションページのみにカートを表示できるようになりました。
大変助かりました。有難うございました。