商品詳細にInstagramコンテンツリンクを表示できるようにする方法に関連して、商品一覧にもコンテンツが連携していることを示すためのアイコンを表示させたい場合の方法です。
◆具体的な設定手順
①メタフィールド作成
InstagramのURL登録欄を設定
②商品カードliquid「card-product.liquid」と「base.css」の改修
アイコンを表示するコードの設定
そのアイコン表示を調整するCSSを追加
③Instagram連携
対象商品のメタフィールドにInstagramのURLを入力
メタフィールドを使って商品一覧画面でInstagramのコンテンツで紹介していることを表示する設定例
【設定方法①】InstagramのURLを登録するための商品メタフィールドを作成
【（テーマRise/Dawnの場合）設定方法②】「snippets/card-product.liquid」「base.css」を修正
【使用方法】対象の商品詳細画面のメタフィールドにInstagramのコンテンツURLを設定
