Product display using light box

Dear Webflow community,

I have been struggling with this problem for a while and thought maybe someone else could help or push me in the right direction.

In the example attached I am trying to build a display for a product. I have ended up using a light box method as this can be linked to a product CMS (https://webflow.com/blog/now-you-can-finally-create-dynamic-cms-and-ecommerce-galleries). This is fine for one variant. However I want more than one option and this is causing the issue. I have set up the variants as shown in the how to video (Create product variants | Webflow University) but when I select the special edition option the pictures don’t change…

Can this be done? Am I trying to do something that is not possible yet (I have voted for the CMS slider!!). Any help will be much appreciated.

Kind Regards,
Ben

p.s. If I have shared this in the wrong section please can someone reccomend a more suited board :slight_smile:.


Here is my site Read-Only: LINK
(https://preview.webflow.com/preview/mess-around-space?utm_medium=preview_link&utm_source=designer&utm_content=mess-around-space&preview=3a7b49b12780561b5b9921df84fc68dc&pageId=60eb03cf965f051519f2f649&itemId=60eb25fcca39c10ccf412550&workflow=preview)