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