商品情報にスキップ
1 1
公開日:2022.12.28

Shopifyで閲覧ユーザーの利便性向上のためにメニューにサムネイルを表示する

Shopifyで閲覧ユーザーの利便性向上のためにメニューにサムネイルを表示する

用途

  • 商品画像管理

実装方法

  • LIQUID
詳細を表示する

Shopifyのメニュー、テーマによってはメガメニューで見栄え良く設定できるのですが、通常メニューでもサムネイルが表示できると閲覧ユーザーの利便性が上がるのでオススメです。メニューの要素オブジェクト(link.links)から画像URLを取得してサムネイル表示させる方法です。


メニューに画像を表示する例

メニューに設定できるものの中で、画像を表示できるのは「コレクション」「商品」「ブログ記事」

リンクに設定しているコレクションや商品の画像を参照するコード例

関連ポスト