🔍 Variant custom.color check
Each variant should show "custom.color = present". If you see "BLANK", enable Storefront API access for the
variant metafield custom.color in Settings → Custom data → Variants.
Variant 47335743422627 (Green Slate Heather | Green): custom.color =
present (handle: green_slate_heather)
Variant 47335745683619 (Green Slate Heather | Green): custom.color =
present (handle: green_slate_heather)
Variant 47335745716387 (Green Slate Heather | Green): custom.color =
present (handle: green_slate_heather)
Variant 47335745749155 (Green Slate Heather | Green): custom.color =
present (handle: green_slate_heather)
Variant 47335745781923 (Green Slate Heather | Green): custom.color =
present (handle: green_slate_heather)
Variant 47335745814691 (Green Slate Heather | Green): custom.color =
present (handle: green_slate_heather)
Variant 47919168159907 (Harbor Teal Heather | Blue): custom.color =
present (handle: harbor_teal_heather)
Variant 47919168192675 (Harbor Teal Heather | Blue): custom.color =
present (handle: harbor_teal_heather)
Variant 47919168225443 (Harbor Teal Heather | Blue): custom.color =
present (handle: harbor_teal_heather)
Variant 47919168258211 (Harbor Teal Heather | Blue): custom.color =
present (handle: harbor_teal_heather)
Variant 47919168290979 (Harbor Teal Heather | Blue): custom.color =
present (handle: harbor_teal_heather)
Variant 47919168323747 (Harbor Teal Heather | Blue): custom.color =
present (handle: harbor_teal_heather)
Variant 47919168356515 (Rancher's Sky Heather | Blue): custom.color =
present (handle: ranchers_sky_heather)
Variant 47919168389283 (Rancher's Sky Heather | Blue): custom.color =
present (handle: ranchers_sky_heather)
Variant 47919168422051 (Rancher's Sky Heather | Blue): custom.color =
present (handle: ranchers_sky_heather)
… and 9 more variants.
🖼️ Current variant's color
Shows the swatch for the variant selected on load. Use ?variant=ID&debug=swatch to see a different
color (e.g. Bluestone variant ID).
Handle: green_slate_heather (variant 47335743422627)
Swatch:
//www.hartvillehardware.com/cdn/shop/files/e51adbc354cf5d5d23c86962...
🖼️ Other colors (sample)
First 8 unique colors on this product — each should show its swatch image.
green_slate_heather
harbor_teal_heatherno image
ranchers_sky_heatherno image
tranquil_blue_heather
🖼️ Direct test: Color metaobject handle "black" — variant_swatch_images
Fetches metaobjects.color.black and displays its Variant Swatch Images field. If you see the image
below, the theme can read it.
✅ metaobjects.color.black found (handle: black)
✅ Image found via: variant_swatch_images.value[0]
Image URL: //www.hartvillehardware.com/cdn/shop/files/2921c894ef981663f7e13ca96c9dc5236ad3e02e_black.jpg?v=1765429244&width=120
Rendered image:
Same image via variant (path used by swatches)
Uses variant.metafields.custom.color.value for a variant whose color handle is "black".
❌ No image via variant path (variant_swatch_images blank when read from
variant.metafields.custom.color.value)