Reploverse Icon

Creating a Single Product Page Template for Multiple Variants

Β·
Β·

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)

  • Avatar of Liam
    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

  • Avatar of Chip Haggerty
    Chip Haggerty
    Β·
    Β·

    Liam Wow, thank you for the quick reply! That's great, will look into this further

  • Avatar of Chip Haggerty
    Chip Haggerty
    Β·
    Β·

    Noah Gilmore WOW. Game changer. Thank you Noah!