[Dawn] Example of setting up Shopify to use metafields to display Instagram content on the product listing page

In relation to how to display Instagram content links in product details , this is a method for displaying an icon in the product list to indicate that the content is linked.

◆Specific setup steps ① Creating metafields
Set up the Instagram URL registration field

② Modify the product card liquid "card-product.liquid" and "base.css" Set the code to display the icon Add CSS to adjust the icon display

③Enter the Instagram URL in the meta field of the product that is linked to Instagram.

Example of setting up a product listing screen using metafields to display content featured on Instagram

[Setup Method 1] Create a product metafield to register your Instagram URL

[(For the Rise/Dawn theme) Setting method ②] Modify "snippets/card-product.liquid" and "base.css"

[How to use] Set the Instagram content URL in the meta field on the target product details screen