FROM CACHE - jp_header

ブランド、コレクションと商品の階層について

ZeroZero
観光客
9 0 4

Shopifyでのコレクションと商品の階層設定について相談させてください。

 

例とはなりますが、Shopifyで以下のようなことが実現できないか模索しています。

 

ウイスキー - 日本製 - 山崎 - 山崎12年

焼酎 - 芋焼酎 - 鹿児島 - 赤霧島

 

このように

大大分類が存在し、絞り込むことで商品を表示させることが可能かを知りたいです。

 

山崎や鹿児島といった部分はコレクションで自動タグ振り分けで作成し

山崎12年や赤霧島といった商品を登録するところまでは理解できているのですが

銘柄一覧や都道府県一覧の出力方法のイメージがわかず。。

 

なにかいい方法はないでしょうか。

よいアドバイスをご教授いただけると幸いです。

 

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

2件の返信2

kotobato
Shopify Partner
66 16 23

こんにちは。

 

Shopifyの構造上、あくまで見た目での実現ということになりますが

メニューを利用することで3階層まではある程度の実現ができます。

こちらの記事に丁寧にまとめられているのでご参照ください。

https://coosy.co.jp/blog/shopify-layered-structure/

 

(私も実装はしていないのでコードについてのご要望等は、

改めて技術的な内容でおたずねください)

 

ただ、現在4階層をご希望でということになると

手動対応して書き足して等は、ちょっと現実的ではないかもしれません。

 

 

Shopify "らしい" 使い方というか、Shopify運用の中で扱いやすくするには

コレクションにフィルター(絞り込み)を適用させることと思います。

 

> ウイスキー - 日本製 - 山崎 - 山崎12年

 

ウイスキーのコレクションに

「日本製」「山崎」といった絞り込み条件を表示して

利用者に自分で探してもらう、という使い方です。

 

こうすると、ひとつひとつを「階層」としては

実現できませんが、お客様が該当の商品群を一覧で見られる、という

要件は実現できます。

 

2.0対応のテーマには実装されていますが

https://help.shopify.com/ja/manual/online-store/themes/customizing-themes/storefront-filters

 

アプリも多く存在します。

下記などを一度参考にされてみるのはいかがでしょうか。

https://ec.huckleberry-inc.com/cs/filter/

 

小規模事業者のためのEC構築支援と導入相談
コトバトウェブ合同会社 (担当 : 山本 / Shopify Experts)
https://kotobato-web.jp/

st_mh
探検家
40 13 11

これはタグの絞り込みでの実現方法です。

 

「Product Filter & Search」

というアプリであれば、コレクションや検索ページ内からタグ絞り込みが可能です。

全タグを並べる方法もあれば、タグ階層を作成することも可能です。

 

st_mh_0-1660701984283.png

(実際に稼働させているサイトより抜粋)

 

例で言えば、一旦このような階層を作成することになるでしょう。

ウイスキー用タグ階層

  1. 日本製
    1. 山崎
      1. 山崎12年
      2. 山崎18年
    2. 知多
    3. 白州
  2. 海外製

焼酎用タグ階層

  1. 芋焼酎
    1. 鹿児島
      1. 赤霧島
    2. 宮崎
    3. etc
  2. 麦焼酎
  3. etc

当アプリの便利な点として、たとえばウイスキーのコレクションページ内では焼酎用のタグリスト全てが表示されなくなります

これは、一覧に表示されている商品に非登録のタグであれば、自動的に除外されるからです。

同様に山崎のコレクションページ内では、知多なども除外され、関係する以下のタグのみ表示されます。

  1. 日本製
    1. 山崎
      1. 山崎12年
      2. 山崎18年

 

もしかしたら、都道府県のような複数のコレクションで使いまわし兼ねないタグは、別枠を設けた方が良い場合もありそうですね。

 

st_mh_1-1660703210281.png

 

ーー

 

当アプリには注意点も存在します。

 

基本的には以下のように、パラメータで絞り込む仕様となっています。

「?pf_mlt_XXX=タグ名1&pf_mlt_XXX=タグ名2」

shopifyのrobots.txtでは、手を加えない限りこのようなパラメータ付きページを除外設定しています。つまりgoogle検索でヒットしないということですね。

 

検索でヒットさせるためには、以下全てのコレクションを作成したほうが無難です。

  • ウイスキー - 日本製 - 山崎 - 山崎12年
  • 焼酎 - 芋焼酎 - 鹿児島 - 赤霧島

ーー

 

また、当アプリにはパンクズリストへ階層を反映させる方法はありません。

コレクションページであっても、商品ページでも不可能です。

 

実現させるなら各コレクションや商品のmetafieldsに階層構造を記述し、それを出力させるのが簡潔かと思います。
ただし少々プログラミングの知識が必要です。