【Shopify】アプリ不要！機能的な「ブランドで探す」ページを実装

取り扱いブランドの多いショップ必見！ZOZOTOWNみたいな「ブランドで探す」ページを実装

メニュー機能を使ったりコレクション機能を使ったり、ブランド一覧ページを作成する様々な方法はありますが、取り扱いブランドが多いショップの場合は管理が大変です。

ベンダーリンクリストをAZ順に頭文字ごとに分けて自動出力し、ナビゲーションがあればユーザビリティ的にも便利です。そう、ZOZOTOWNみたいに！

Shopifyの標準機能で名前順にベンダーリンクを出力することは可能ですが、カテゴリ分けしたり、ベンダーごとの商品点数を出力するにはちょっとしたテクニックが必要です。

アプリやJSライブラリを使わずに、LiquidとVanillaJSだけで実装します。