I know how to do this and it‘s quite a bit more work than you would expect. I ALWAYS recommend using vue for something like this since you can reactively update the front end and you will have much much cleaner code.
The way it‘s done is basically you need to create a collection, and any products in the collection with the same title become linked. The logic requires converting the product object to a javascript object and the rest is done with javascript.
With that said, there‘s a lot of work to be done and there is no copy paste answer for something like this. Development costs are also expensive so buying a paid theme may be cheaper if they implement something like this out of the box.
Hi @Avinashnishad08 this is an advanced theme customization of which the full implementation varies wildly among themes and is beyond the scope of the forums.
Either narrow the scope of the question, show your work, or hire someone.
If you need this customization then contact me by my email for services. Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
These apps are made by third parties and we’d recommend browsing through them yourself to view their prices and features. You can also contact the app developers directly if you have questions about any of them.
Third-party apps make it easy to separate variants. I own the Stamp – Collection Variants app , and we help merchants display variants separately on the collection page and home page. You can customize the settings per collection to show or hide specific variants, filter variants, or separate them by specific options. For example, you can create a “Gold” collection and display only gold-related variants.**