{"product_id":"2024-11-19","title":"[Dawn] Example of setting up Shopify to use metafields to display Instagram content on the product listing page","description":"\u003cp\u003eIn relation to \u003ca href=\"https:\/\/store-dojo.com\/products\/2024-11-18\"\u003ehow to display Instagram content links in product details\u003c\/a\u003e , this is a method for displaying an icon in the product list to indicate that the content is linked.\u003c\/p\u003e\n\u003cp\u003e ◆Specific setup steps ① Creating metafields\u003cbr\u003e Set up the Instagram URL registration field\u003c\/p\u003e\n\u003cp\u003e ② 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\u003c\/p\u003e\n\u003cp\u003e ③Enter the Instagram URL in the meta field of the product that is linked to Instagram.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e Example of setting up a product listing screen using metafields to display content featured on Instagram \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-19_1_en.png?v=1767939996\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [Setup Method 1] Create a product metafield to register your Instagram URL \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-19_2_en.png?v=1767939995\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [(For the Rise\/Dawn theme) Setting method ②] Modify \"snippets\/card-product.liquid\" and \"base.css\" \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-19_3_en.png?v=1767939996\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e [How to use] Set the Instagram content URL in the meta field on the target product details screen \u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-19_4_en.png?v=1767939995\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47837163716859,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-19.png?v=1767939996","url":"https:\/\/store-dojo.com\/en-us\/products\/2024-11-19","provider":"STORE DOJO","version":"1.0","type":"link"}