Variant selector redirect to the corresponding product page URL.

[majaa]

Hi,

My store has various products, and some products come in different colours. Currently, I have separate product pages for the different product colours.

How can I re-direct my variant selector to the corresponding product page URL? I want customers to be able to be on a product page and if the product comes in different colours, click through the other colours.

please help

website: ALL SHOES – SIX INCH Footwear

[SealSubs-Roan]

Hi @majaa

To manually associate color variants, for example using metafields or custom Liquid code. Utilize the swatches or buttons that link back to each color’s product url. You can use product in your product template. options_with_values and match each color to its corresponding handle link. It also allows for a unified multi-URL color selector experience.

[lixonic]

you can use a product metafield to link related color products and render a clickable color selector on the product page that redirects to each color’s own URL. if you are proficient in editing theme code, i can share the code here. @majaa

[Guleria]

Hello @majaa ,

We did something similar with our app, where you can assign a target url for a variant if you want to redirect it to a separate product.

If you want you can give it a try Productify Groups and if you need any help to configure it you can drop me an email or ask in the same post.

Or if you are looking for a custom solution you can drop a message for services.

Regards
Guleria

[PaulNewton]

Hi @majaa that’s an advanced theme customization , known as terms like: sibling-products, product familes, flat products , stand alone products, etc.

Stores on an enterprise shopify PLUS plan $$$ can use the combined listings app to achieve this behavior.

If you need this customization so your customers aren’t confused by sold out badges and to improve revenue then contact me for services.
Contact info in forum signature below .
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[Easify-Jennifer]

Hi @majaa

You can try Easify Product Options – it lets you create a custom color selector that links each color to a separate product page URL. This way, customers can easily switch between colors while browsing, even if those colors are set up as separate products.

It looks and feels like a normal variant picker but works across multiple product URLs. The setup is quick, no coding required, and perfect for keeping your store clean and user-friendly. Here’s how it works:

• This is the demo I set up, when you click into a color, it will redirect you to its own URL

• This is the app setting, you need to create 2 products separately in Shopify, then use Easify Product Options to attach URL like this:

• Then, remember to apply this option set to both 2 products

I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime!

[majaa]

Thanks for this. That is what I’m looking for but unfortunately the free plan on the app doesn’t allow for product links.

[majaa]

thanks for your response. Do you mind sharing the code?

[lixonic]

here is the logic. always test in a development store first, as untested code can break your store

{% assign related_products = product.metafields.custom.related_colors %}

{% if related_products != blank %}
  
    {% for color_product in related_products %}
      
        
        {{ color_product.title }}
      
    {% endfor %}
  

{% endif %}

[Easify-Jennifer]

Hi @majaa , glad the info was helpful — and yes, product linking is part of the paid plans. Thank you for taking the time to explore the app.