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

Shopifyのメタフィールドを使って、コレクションのイメージ画像にモバイル(スマホ)用画像を指定できるようにする方法

Shopifyのメタフィールドを使って、コレクションのイメージ画像にモバイル(スマホ)用画像を指定できるようにする方法

用途

  • コレクション編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのコレクションイメージ画像ですが、1つしか指定できないのでPCもSPも基本的には同じものが表示されます。とはいえやはりデバイスごとに最適な画像を表示したくなります。そこでメタフィールドを使って、モバイル用画像を別途指定できるようにしておくことが結構あります。


メタフィールドを使ってモバイル用のコレクションイメージを設定する方法


①ファイルメタフィールドを設定


②コレクション画像を表示する箇所のコードを編集


関連ポスト