【Shopify TIPS】
テーマ「Dawn/Rise」商品詳細のモバイルレイアウトの「サムネイル」で「グリッド（格子状）」も表示できるようにする設定例
モバイル画面で表示されるサムネイル画像のレイアウトを「カルーセル」ではなく、すべてグリッドに並べた状態で表示できるようにする設定例です。
商品説明や購入ボタンは画面の下の方に押し下げられてしまいますが、なるべく多くの商品画像を一気に見てもらいたい場合などに有効です。
◆実装のメリット
・商品画像を一覧で確認しやすい
・ユーザーが画像を比較しやすい
・スワイプ操作が不要になり操作性向上
◆具体的な手順
設定方法①
「sections/main-product.liquid」にschemaを追加。
「locales/ja.schema.json」にラベルを追加。
設定方法②
「sections/main-product.liquid」「snippets/product-media-gallery.liquid」にカスタムコードを追加。
運用方法
モバイルのレイアウトで「サムネイルをグリッド表示する」を選択。
