I’m building out my ecommerce enabled store and I’d like to make a gallery that updates based on the color variant of my backpack. Ideally the thumbnail would control the main image in the gallery like this
I build out that interaction using tabs and even linked it to color thumbnails, before realizing that there wasn’t a good way to link that to the back end of the ecommerce. So I abandoned that and tried building a simple design using the constraints of the dropdown menu that is I think the only way to hook up to the product color variant on the back end of the ecommerce feature. I have everything working, except I can’t figure out how to change the secondary images in my gallery when I change the color field.
I found this tutorial, which looks like it is meant to be used on an ecommerce page, but it says here that multiple image galleries (which I think is the feature that is built into the product variant feature) are only supported on collection pages. I have that working on my ecommerce template page, but when I try to enable it on my shopping page it doesn’t work. Maybe I am fundamentally misunderstanding how to use template pages?
my site is here: https://preview.webflow.com/preview/zip-e92e91?utm_medium=preview_link&utm_source=designer&utm_content=zip-e92e91&preview=9602c34c242acb40807291a373dd3a01&pageId=5e8e343b900e357919ddd10c&itemId=5e8e343b900e3523faddd135&mode=preview