①ブランドBCDの「トップページ」と、ブランドBの「説明ページ」は、それぞれ複製した「pageテンプレート」で作成。
テンプレート名には「page.brand-b」「page.brand-c」と名付ける。
②ブランドABの「商品一覧ページ」は、それぞれ複製した「collectionテンプレート」で作成。
テンプレート名には「collection.brand-b」「collection.brand-c」と名付ける。
③ブランドABCそれぞれのヘッダーを「sectionテンプレート」で作成。
④テンプレート名を判定して、「themeテンプレート」からヘッダーの読み込み先を変える。「商品詳細ページ」だけはベンダー名で判定する。
(1)ロゴ、(2)ハンバーガー、(3)フォントも同様の判定で可能です。
{% if template == 'index' %}
{% section 'header-a' %}
{% elsif template contains 'brand-b' %}
{% section 'header-b' %}
{% elsif template contains 'brand-c' %}
{% section 'header-c' %}
{% elsif template == 'product' %}
{% if product.vendor contains 'brand-b' %}
{% section 'header-b' %}
{% elsif product.vendor contains 'brand-c' %}
{% section 'header-c' %}
{% else %}
{% section 'header-a' %}
{% endif %}
{% else %}
{% section 'header-a' %}
{% endif %}