How can I link a swatch image to another product?

Store Design
, ,

Topic summary

A user wants to implement color swatches on product pages that link to different products (not variants), similar to functionality shown in a reference image from caffeborbone.com.

Proposed Solutions:

  • Install a third-party app for color swatch functionality
  • Use custom coding with Metafields
  • Switch to a paid theme with built-in swatch options

Key Limitation:
The standard approach requires using product variants. Linking swatches to entirely separate products (rather than variants of the same product) is not natively supported in Shopify.

Possible Workaround:
Custom coding could create clickable images that link to different products, though this deviates from typical variant-based swatch implementations.

Status: The discussion remains open, with the user seeking a solution that doesn’t rely on variants, which presents a technical challenge within Shopify’s standard framework.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi all, i’m trying to figure out how to achieve this result you can see in the image

Immagine1.png
Immagine1.png683×384 24.1 KB

Here the link to see IRL

https://www.caffeborbone.com/it/it/capsule-borbone-respresso-miscela-nera-compatibili-nespresso-REBBLACK.html

www.danicoffeeshop.com

my site

2

Hi @clavilla57 There are 3 ways through which you can accomplish this.

  1. You can add 3rd party app in your store that will enable the color swatches on your store and you will be able to add custom image/color through that app in your product variants
  2. You can achieve it from custom coding and Metafield, so that you can show the color swatches according to your needs.
  3. Some paid theme have this option by default in their theme so that you can have the color swatches in your product page, but as I can see that you are using shopify’s free theme, so you will not be able to find this option in your theme.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

1 Like
3

Thanks for the answer but i’m searching someon who explain how to do it my self, without had to use variant

4

Hi @clavilla57 without using variants you will not be able to achieve this, and if you are not having variants then why do you need it? Are you thinking that you can connect different product in just 1 product?

if you are thinking like this then I am sorry to say that you can’t achieve this, there is not way you can achieve this.

You can have some workaround so that you can have different images and the link will be added on to those images, you can do it by yourself with the help of custom coding.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil