商品情報にスキップ
公開日：2022.12.28
Shopifyで閲覧ユーザーの利便性向上のためにメニューにサムネイルを表示する
用途
Shopifyのメニュー、テーマによってはメガメニューで見栄え良く設定できるのですが、通常メニューでもサムネイルが表示できると閲覧ユーザーの利便性が上がるのでオススメです。メニューの要素オブジェクト（link.links）から画像URLを取得してサムネイル表示させる方法です。
メニューに画像を表示する例
メニューに設定できるものの中で、画像を表示できるのは「コレクション」「商品」「ブログ記事」
リンクに設定しているコレクションや商品の画像を参照するコード例
