Creating a Single Product Page Template for Multiple Variants

·

Share

Hey everybody, so I want to replicate something like Olipop's product page: https://drinkolipop.com/products/vintage-cola Specifically how each available product is arranged in a grid, and depending on which product is selected, different aspects of the product page change (colors, images, text, etc.) My current workaround is to have each individual product have it's own unique product page template assigned to it, but this is cumbersome for a few reasons. Is it possible to achieve this with all products using a single template? (The Olipop template available in the Replo library seems to be using variants as opposed to products, unless I'm mistaken)

4 comments

· Sorted by Oldest

Liam
·
·
It's possible using an interaction to update the current template product when selecting each option, then having product based metafields set for everything you want to change So if the background is to change, you will need to set a hex code color metafield for each product, and a text metafield for each headline / body etc Currently using this for changing text on-page and it's working perfectly, changing colors should be the same Not sure if there is an easier way, but this is working for us at the moment
Chip H.
·
·
Liam Wow, thank you for the quick reply! That's great, will look into this further
🙌1
Noah G.
·
·
https://support.replo.app/articles/1751346344-building-a-buy-box-with-100+-variants video here as well!
Chip H.
·
·
Noah G. WOW. Game changer. Thank you Noah!

Liam
·
·
It's possible using an interaction to update the current template product when selecting each option, then having product based metafields set for everything you want to change So if the background is to change, you will need to set a hex code color metafield for each product, and a text metafield for each headline / body etc Currently using this for changing text on-page and it's working perfectly, changing colors should be the same Not sure if there is an easier way, but this is working for us at the moment
Chip H.
·
·
Liam Wow, thank you for the quick reply! That's great, will look into this further
🙌1
Noah G.
·
·
https://support.replo.app/articles/1751346344-building-a-buy-box-with-100+-variants video here as well!
Chip H.
·
·
Noah G. WOW. Game changer. Thank you Noah!