A user is trying to configure product variant images in Shopify’s Urban template so that selecting a variant (e.g., “black hat”) displays only photos of that specific variant.
Initial Problem:
The alt text method (e.g., #color_gray) that worked in a previous template doesn’t function in the Urban template
This feature requires specific code that exists in older templates but not in Urban
Proposed Solutions:
Transfer the variant image filtering code from the old template to Urban, adapting it to the new structure
Use a Shopify app like Rubik Variant Images or similar alternatives
Current Status:
User successfully implemented Swatch King app
New issue emerged: the swatch selector appears in the wrong position and needs to be moved above the product quantity field
This repositioning requires custom code modifications beyond the app’s default settings
The discussion remains open with the layout customization unresolved.
Summarized with AI on November 1.
AI used: claude-sonnet-4-5-20250929.
I am having trouble making the product variants photos show only the variant I am currently looking at. When I click on black hat, I want only the photos of the black hat to show? On a previous project, I used the Alt Text (ex: #color_gray) on each photo connected with the variant gray and it worked but it doesnt work for this template. Any suggestions would be great!
Hi, Thanks for the recommendation. I found Swatch King to work great just now, but I am having trouble getting it to the other side (I want it right about the product quantity). Can you help me with this?