Product Page Variants as Separate Products

[harrygoat1218]

Hi Guys, I hope everyone is doing fine.
I really have a very important question today.
If you see this url............ (https://www.premiumhomesource.com/products/zline-autograph-edition-36-in-range-with-gas-stove-and-el...)

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.

Is this some app being used, or custom code?
I really wanted this feauture for my website so I thought this is the best place to ask.

[Summer · Accepted solution]

Hey, @harrygoat1218!

While this can be achieved via coding, this can also be done with the use of a third-party app. I found a couple that you can check out:

• Swatch King: Combined Listings
• Product Colors Linkify

Feel free to reach out to the support teams of these apps if you have any questions. They will be more than happy to assist you!

[harrygoat1218]

wow thank you so much, I am already in love with you for the support.
Are there any more apps you can recommend please.............

[Summer]

My pleasure, @harrygoat1218! I also had a look at these two other apps: 

• Variator: See Product Variants 
• Smart Product Filter & Search

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!

[EasifyApps]

Hi @harrygoat1218,

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 🤗.

[harrygoat1218]

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.

[EasifyApps]

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.

[GetAllTool]

You can try our Combined listings app: King Linked Options

Simply create product groups and add related products to them to achieve the results you want!

[tansezer]

There are two ways to separate variants as products on the collection page:

1. 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.
2. 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!