Shopify Developer Needed to Build Image Swatch System for Sunglasses (Product Pages)
We are looking for an experienced Shopify developer to build a scalable image swatch system for our sunglasses store.
Each color of our sunglasses is currently listed as a separate Shopify product, and we want to keep it that way for SEO, inventory management, and product feeds.
However, multiple products belong to the same frame model, and we want them to be visually connected through image swatches on the product page.
Example Structure: Model: Kythnos
Separate Shopify products:
Kythnos – Aegean Blue
Kythnos – Pottery Brown
Kythnos – Crystal Olive
When a customer opens Kythnos – Aegean Blue, they should see image swatches of the other colors and be able to click them to navigate to the respective product pages.
Important:
On collection/category pages, we want to keep one separate listing per product (no grouping).
Each color should appear as its own product card, but with small image swatches displayed as options underneath the product image.
Preferred Technical Approach:
We prefer a metafield-based architecture instead of manual linking.
Each product should include:
model_group (shared identifier for the frame model)
color_name
swatch_image (or automatically use product image)
This will allow the system to:
Automatically identify products belonging to the same model
Display swatches linking to those products
Automatically include new colors when added
Requirements
The solution must:
• Work with Shopify 2.0 themes
• Be fully automated once metafields are set
• Display image swatches on product pages linking to other colors
• Display small swatches under product cards on collection pages
• Highlight the current product color
• Be fast and lightweight (no heavy apps)
• Be easy to maintain when new colors are added
Deliverables
Working swatch system on product pages
Swatches displayed under products on collection pages
Metafield setup guidance
Documentation for adding new colors/models
Clean, maintainable code
Nice to Have
Strong experience with Shopify Liquid
Experience building variant or product swatch systems
Experience with Shopify metafields and dynamic product queries
When Applying
Please include:
Examples of Shopify work you have built
A short explanation of how you would implement this system
Estimated timeline and cost
Apply Now
Apply Now
Each color of our sunglasses is currently listed as a separate Shopify product, and we want to keep it that way for SEO, inventory management, and product feeds.
However, multiple products belong to the same frame model, and we want them to be visually connected through image swatches on the product page.
Example Structure: Model: Kythnos
Separate Shopify products:
Kythnos – Aegean Blue
Kythnos – Pottery Brown
Kythnos – Crystal Olive
When a customer opens Kythnos – Aegean Blue, they should see image swatches of the other colors and be able to click them to navigate to the respective product pages.
Important:
On collection/category pages, we want to keep one separate listing per product (no grouping).
Each color should appear as its own product card, but with small image swatches displayed as options underneath the product image.
Preferred Technical Approach:
We prefer a metafield-based architecture instead of manual linking.
Each product should include:
model_group (shared identifier for the frame model)
color_name
swatch_image (or automatically use product image)
This will allow the system to:
Automatically identify products belonging to the same model
Display swatches linking to those products
Automatically include new colors when added
Requirements
The solution must:
• Work with Shopify 2.0 themes
• Be fully automated once metafields are set
• Display image swatches on product pages linking to other colors
• Display small swatches under product cards on collection pages
• Highlight the current product color
• Be fast and lightweight (no heavy apps)
• Be easy to maintain when new colors are added
Deliverables
Working swatch system on product pages
Swatches displayed under products on collection pages
Metafield setup guidance
Documentation for adding new colors/models
Clean, maintainable code
Nice to Have
Strong experience with Shopify Liquid
Experience building variant or product swatch systems
Experience with Shopify metafields and dynamic product queries
When Applying
Please include:
Examples of Shopify work you have built
A short explanation of how you would implement this system
Estimated timeline and cost
Apply Now
Apply Now