【Shopify TIPS】
Dawn/Riseテーマで商品画像を一覧表示して、クイックアクセスできるようにする設定例です。

実は、前回ポストした内容（https://x.com/sh_sakamoto/status/1661306221029396481）ですが、Dawn9.0.0までしか使えず、10.0.0以降は新たに追加されたCSSプロパティによってモーダルがうまく表示されなくなってしまっておりました。

今回、その修正を行うと同時に、新たにデスクトップでも表示できるように機能を追加しています。

◆実装のメリット
・ユーザーの商品理解度アップで購買率向上
（大量の商品画像が存在する場合など、ユーザーが見たい画像に素早くアクセスできるようになります）
・Dawn 10.0.0以降の不具合を解消

◆設定手順
①商品テンプレートの設定
・デスクトップ＆モバイルをサムネイル表示に変更
②商品テンプレートにカスタムLiquidセクションを追加
・専用コードを挿入