Product display - Showcasing product variations with color selection


I will be working on a new webflow project from the Figma design. This would NOT be an e-commerce website and would have a CMS plan.
I need to showcase the products on the page as seen in the screen recording below, i.e. when a user clicks on any color box, the product info of the respective product will show up.

The possible method to develop this in Webflow seems that a CMS template page can be created for product information as well as 4 different variations of the blocks can be created for each of the 4 colors. Then using interactions, we can hide or show the product information.

Can anybody please let me know if this can be developed in some other or better method?

Thanks in advance!


Can anybody please guide me here?