Automating State Setup for Dynamic Product Carousel Changes

Miguel T. · 2025-04-14 21:20:22.282674+00

Hi, how can I setup States automatically? I want the products in a carrousel to change based on the product shown in the landing page?

Automating State Setup for Dynamic Product Carousel Changes | Reploverse

Carissa C.
·
·
Hi Miguel! We have a doc here on how to configure product carousels to automatically scroll to the selected variant: https://support.replo.app/articles/1751373956-how-to-automatically-scroll-a-product-carousel-to-the-selected-variant's-featured-image Is this what you're asking about?
Miguel T.
·
·
Hi Carissa, yes buit that’s a bit convoluted for me,I have been trying with the replo team on chat but i can’t figure out how to trigger the state changes in content yet
Carissa C.
·
·
what issues specifically are you running into? would love to help debug this for you. mind sending screenshots or loom recordings?
Miguel T.
·
·
sure, will DM you
Steve S.
·
·
Miguel T. do you mind sending the info here? Any reason you can't share it publicly? This is a place were the community comes together to help one another 🙂
Miguel T.
·
·
Fair enough, here is the recording: https://www.loom.com/share/73570a4923f94c6b9d136168b23bd30f?sid=b3ccc140-7bb6-49ac-a2df-f3dd1152c188
Carissa C.
·
·
got it. can you send me the dashboard link?
Miguel T.
·
·
is this one? https://dashboard.replo.app/editor/947fad21-fefb-4ce4-959f-d54c9c8cd312/72af9e40-67c2-4eb7-b98d-efce9362c9b8
Carissa C.
·
·
yup thats the one! let me take a look
🙌1
Carissa C.
·
·
do you want the carousel to only show 3 items when the template product is not one of the selected products in the states?
Miguel T.
·
·
I’ll explain: Each coffee has 4 variants, for example Molon Labe has 4 variants:
Drip
Whole Bean
French Press
Cold Brew
But also I have 2 product categories, Signature Blends (Molon Labe, Spartan Up, Tough and Strong, Darkest Hour and Seize Your Morning) and Single Origins (Colombia, Ethiopia, Sumatra, Guatemala and Costa Rica). What I want is that, for example, if I am in the Colombia Drip product page, the carrousel shows me the other Single Origin Drips (Sumatra, Guatemala, Costa Rica and Ethiopia). Or if I am at the Darkest Hour Cold Brew product page, carrousel shows me Signature Blends Cold Brews. So the carrousel needs to match the variant and product category in order to show the products.
Carissa C.
·
·
ahh okay im seeing the issue now. for some reason, the correct states only show in preview mode or on the live page. https://www.loom.com/share/c9c5170365d144288f3df91635996c90?sid=c7f2e4f0-377e-4c8a-9ba7-b180ca6bca76
🙌1
Steve S.
·
·
Oh the way I would do this is instead of having a different state for every product, you can just have one product container, 1 for each of the products you want, and then use a state to hide the specific product associated with the product you're viewing the page with. Does that make sense?
🙌1
Miguel T.
·
·
Hi Steve S. can you explain this further? I don’t follow
Miguel T.
·
·
thanks Carissa C.! I don’t understand the hover state, I see the product changes, do I need to set that up manually too?

25 comments