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

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

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

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

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