{"product_id":"2026-08-08","title":"[Horizon] Replace the standard variant picker with a new image-enabled block","description":"\u003cp\u003e\u003cspan\u003eA way to replace Horizon's standard variant picker with a block that shows a product photo on each option. Turns plain text choices into clear, photo-backed ones.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"Result: a product photo shown on each option\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-08-08_1_en_df557cbf-86f4-4825-be8e-ebd865d5af6b.png?v=1786240956\" class=\"zoomable-image\" style=\"max-width:100%;height:auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003ch3\u003eHow to add it\u003c\/h3\u003e\n\u003cp\u003e◆Shopify admin → Online Store → Themes → \"…\" → Edit code\u003cbr\u003e◆Create a new file \u003ccode\u003evariant-picker-images.liquid\u003c\/code\u003e in the \u003ccode\u003eblocks\u003c\/code\u003e folder and paste the code you get after purchase, then save\u003cbr\u003e◆Theme editor → product page template → \"Product information\" → \"Details\": remove the existing \"Variant picker\" block and add \"Image variant picker\"\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"How to add it: remove the existing picker and add the new block in the same spot\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-08-08_4_en.png?v=1786170321\" class=\"zoomable-image\" style=\"max-width:100%;height:auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003eThe image is simply that variant's own product photo — no extra image upload needed.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003ch3\u003eSettings\u003c\/h3\u003e\n\u003cp\u003e◆Image and text layout: switch between vertical (image on top, default) and horizontal (image on the left).\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"Settings: image and text layout\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-08-08_5_en.png?v=1786170321\" class=\"zoomable-image\" style=\"max-width:100%;height:auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003e◆Which option shows images: for products with multiple options (color, size, etc.), pick only the option that actually has image variation (usually color). The other options render as plain buttons.\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"Settings: choosing which option shows images\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-08-08_7_en.png?v=1786239336\" class=\"zoomable-image\" style=\"max-width:100%;height:auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e◆After purchase, you'll get the full code (the complete Liquid file) for this image variant picker.\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":49159924449531,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-08-08.png?v=1786170440","url":"https:\/\/store-dojo.com\/en-us\/products\/2026-08-08","provider":"STORE DOJO","version":"1.0","type":"link"}