Product Variant using Urban Template

Topic summary

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.

Hi,

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!

Hello @bigjimmy15 ,

Alt tag concept as working in an old template because code was available in that template.

Not in the new one, you need to take the code from previous code from the old template and use it in the new a/to new template structure.

Regard
Guleria

Hi,

Are there any apps or code I can out in to make this work?

You can take code from your previous project.
App you can try this one or you can search another one.

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?

You mean you need to display product images like swatches before the product quantity.

If yes then unfortunately I have to say it needs customization.