【Shopify TIPS】
テーマ「Dawn/Rise」商品詳細のデスクトップ画面で「サムネイル画像の表示列数」を指定できるようにする設定例

デスクトップ画面で表示されるサムネイル画像の列数を、4列以外にも任意の数に変更できる設定方法です。
デフォルトでは4列で固定ですが、1列当たりなるべく多く(またはその逆に少なく)表示したい場合がありますが、取扱商品に応じて変更できるようになります。

◆実装のメリット
・画面サイズに合わせた最適な表示が可能
・ブランドイメージに合わせたデザイン調整が容易に

◆具体的な手順
設定方法①
「sections/main-product.liquid」にschemaを追加。
「locales/ja.schema.json」にラベルを追加。

設定方法②
「sections/main-product.liquid」にカスタムコードを追加

運用方法
デスクトップのレイアウトが「サムネイル」または「サムネイルカルーセル」のとき、設定した列数に応じてサムネイルの表示を調整可能。

#Shopify #ShopifyTIPS

Xで見る