How we can display the product in both ways: the product should show its color inside, and on the collection page, all colors should be visible.
Topic summary
Goal: Display color variants both within the product (as selectable options) and as separate items on the collection page; additionally, update the product title and description when a color is selected.
Proposed approaches:
- Custom code: Suggested as the primary method; requires a developer. Two tutorial videos were shared that demonstrate showing variants as separate products on collection pages. These videos are central to understanding the implementation.
- App-based solution: A third-party app (Stamp ‑ Variants on Collection) can automatically separate variants on collection/home pages, with per-collection controls to show/hide specific variants, filter variants, or separate by option (e.g., a “Gold” collection showing only gold variants).
Follow-up need:
- Dynamic content on selection: The requester asked how to update the product title and description based on the selected color. No specific code or step-by-step solution was provided; likely requires additional theme customization or app support.
Status:
- No confirmed resolution. Action items include reviewing the shared videos or trialing the app; further guidance is needed for dynamic title/description updates.
1 Like
Hi @DishaBh
This requires custom code and the assistance of a developer. However, you can also check the video below.
Steps on how to add Product Variant Collection - Show Variants As Separate Products
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
1 Like
Hi @DishaBh
Follow this video and your problem will be solved.
https://youtu.be/8mBl-SmXTX8?si=zMr3DQG__UZ4GJfD
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
1 Like
How can we achieve that as soon as the color option is selected, the title and description of the chosen product appear accordingly?
Third-party apps make it easy to separate variants I own the Stamp ‑ Variants on Collection 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.