A user is seeking a way to display product variants (like color and size) as separate product pages that redirect when clicked, similar to a reference website. The goal is to have each variant exist as its own product in Shopify’s backend while appearing as selectable options on the product page.
Suggested Solutions:
Custom coding is possible but more complex
Third-party apps offer easier implementation:
Swatch King, Product Colors Linkify – for color/image swatches with cross-product linking
Easify Product Options – supports image/color swatches and “Option URL” feature for linking separate products; also offers conditional logic for multiple option types
King Linked Options – allows grouping related products
Variant Robot – automatically links separate products based on product data with multiple display modes
Variants on Collection – displays variants as separate items on collection pages
Variantify – no-code solution for showing variants as separate collection items
Key Consideration:
The user wants this functionality for multiple variant types (color, gas type, size), not just color swatches. Apps with conditional logic features are recommended for handling complex multi-option scenarios.
Summarized with AI on October 24.
AI used: claude-sonnet-4-5-20250929.
By clicking on the color variants, or basically any variant on this store, it loads up another new separate product page.
So basically what is happening is that on shopify backed, they made every size and color as separate product, but somehow they are using this variant section so that when someone clicks, they get redirected to that specific product page.
I’m uncertain whether these can achieve the exact setup you need, but you’re welcome to try them out to see. The previous ones I shared seem to be the most suitable ones!
The Easify Product Options app can help you create product options using Image or Color Swatches, just like the ones on your reference website. Additionally, it enables the Option URL feature for cross-product linking, as you requested. Share your detailed product requirements with me, and I can guide you on how to set it up with ease. Alternatively, you can reach out to the team via in-app live chat for quick assistance. If you’re interested, I can also provide some demos for better understanding .
So that is great to know that I can add different products to the color swatches, but can I do the same for like other variations besides color swatches like for example in the URL I sent, there is another variation GAS TYPE, even clicking on that changes into another product, plus I myself have another variation for sizes. So if I can do this for them too, then I am sure Easify is the way to go.
If you have multiple product options, you might also consider using the Conditional Logic feature before enabling cross-product linking. Share your specific requirements and current product details so we can help you find the best solution.
There are two ways to separate variants as products on the collection page:
Manual Method: You can modify the collection template to list variants separately instead of grouping them under a single product. This requires editing Liquid code and handling variant selection logic manually.
Automated Method: You can use a third-party app that modifies the template dynamically without requiring manual code changes.
I’m the owner of Variants on Collection app, which helps merchants display variants as separate products based on any combination (e.g., Color, Color & Size, etc.). It also allows showing price ranges without modifying the template. If you’re looking for an easier solution, feel free to check it out!
With theapp Variant Robot you can automatically link your seperate listed products, that are presented as variants on your shop, without having to insert any code: https://apps.shopify.com/variant-robot
Variant Robot can automatically link seperate products together, based on your product data.
The app also supports multiple display modes such as: Images, blocks, dropdowns, or auto-color swatches.
No need for any manual mapping, this is an automated solution that only requires one-time setup.
Esse realmente é um app muito bom, resolve certinho a questão de multíplas opções linkadas a produtos diferentes com variantes como condicionais. Parabéns, 5 estrelas para as funcionalidades, sem falar que é um preço muito bom.
—————–—————–—————–—————–—————–
This is a really good app; it perfectly addresses the issue of multiple options linked to different products with variants like conditionals. Congratulations, 5 stars for the features, not to mention the very good price.
That’s an interesting setup, it’s great for linking related products directly on the product page.
If you’re looking to display product variants as separate items in your collections, there’s also a no-code way to do it. It helps make browsing easier for your customers.
.
