Collectionsのディレクトリの階層構造

Topic summary

  • Dawnテーマで「メーカー名×商品の種類」の階層URLを実現したいという相談。

  • 回答要旨: Shopifyの標準URLは「/collections/{コレクションハンドル}/{商品タグ}」(コレクションハンドル=コレクションの識別子、商品タグ=商品の付与タグ)で、提示サイトはこのタグ絞り込みを利用。見た目の階層は実際にはタグによるフィルタ。

  • 根拠: 各サイトのproduct.jsonでタグ(例: サイズ_26インチ、T-SHIRTS)を確認でき、URL末尾のセグメントがそれらのタグに一致。

  • 可否: 厳密な「/collections/商品の種類/メーカー名」の多段ディレクトリ化は難しい。一方、「/collections/{タグ}+{タグ}」のAND絞り込みは可能。

  • 実装: スクラッチ不要だが、アプリ/既存テーマのみでは難しい場合が多く、標準URL体系に沿った比較的軽微なコードカスタマイズで実現しうる。

  • 状態: 質問者は内容を理解し感謝を表明。現時点で解決済み、未解決事項なし。

Summarized with AI on January 6. AI used: gpt-5.

現在、Dawnのテーマを利用しています。

メーカー名×商品の種類といった階層構造のURLを作成したいと思っております。

/collections/all

/collections/$商品の種類$
/collections/$商品の種類$/$メーカー名$

/collections/$メーカー名$

下記のサイトのように、collectionsに階層構造を持たせることは可能なのでしょうか。

スクラッチでテーマを開発する以外に実装可能な方法があれば教えてほしいです。

https://www.55cycling.com/collections/26inch/%E3%82%B5%E3%82%A4%E3%82%BA_26%E3%82%A4%E3%83%B3%E3%83%81

https://bapepirate.com/collections/men/T-SHIRTS

@kaito_camera

Shopifyには下記のようなURL体系が存在します。

https://xxxxx.myshopify.com/collections/{コレクションハンドル}/商品タグ

https://www.55cycling.com/collections/26inch/%E3%82%B5%E3%82%A4%E3%82%BA_26%E3%82%A4%E3%83%B3%E3%83%81

https://bapepirate.com/collections/men/T-SHIRTS

どちらのサイトも、上記のURL体系を利用しています。

例えば、

https://www.55cycling.com/products/4571487000570-kanto.json

こちらにアクセスいただくと、下記のような商品タグが付与されていることがわかります。

26inch, Basket, blocklight, CaliperBandbrake, colorSV, doubleloop, kanto, mamachari, noshift, sale, suntrust, suso, underCareer24, カテゴリー_ママチャリ, カラー_シルバー, キャリア_クラス18, サイズ_26インチ, スタンド_両立スタンド, セミアップハンドル, バスケット_あり, フレーム_ダブルループ, ブランド_サントラスト(suntrust), ブレーキ_キャリパー&バンド, ライト_ブロックダイナモ, 両立スタンド, 変速_ギアなし

この商品タグのうち「サイズ_26インチ」を利用しています。

https://bapepirate.com/collections/men/products/4j70110004.json

こちらの場合は、下記のような商品タグが付与されています。

231216, 5001-10000, PIRATE-ORIGINAL, T-SHIRTS

この商品タグのうち「T-SHIRTS」を利用しています。

ご質問への回答になります。

下記のサイトのように、collectionsに階層構造を持たせることは可能なのでしょうか。

はい、可能です。

しかし、下記は実現できないかもしれません。

/collections/$商品の種類$/$メーカー名$

代わりに、

/collections/{商品タグ}+{商品タグ}

は可能です。

スクラッチでテーマを開発する以外に実装可能な方法があれば教えてほしいです。

アプリやテーマを探してみましたが、ある程度コードカスタマイズしないことには実現は難しそうでした。

しかし、

https://xxxxx.myshopify.com/collections/{コレクションハンドル}/商品タグ

このURL体系を守るだけですので、

仕様にもよりますが、比較的簡単なコードカスタマイズでも実現できるかもしれません。

ご参考まで。

(キュー田辺)

1 Like

田辺さま

ご丁寧にありがとうございます。

大変わかりやすかったです。