How to implement a configurator on a website?

Question

PHP

Good afternoon. There is 1C Bitrix Small Business. The theme of the site is doors. You need to write a door configurator so that you can change the details of the door (color, locks, handles, trim ...) and, depending on the choice, the picture and price would change. The most important thing is the PRICE.
Tell me, please, where to start? What is the best way to organize infoblocks in Bitrix Admin? I'm leaning towards trade offers, can I do it somehow with the help of them?

Answer 1

I would create all products separately. That is, each handle, each color, lock is all a separate product.
Further, as an option:
In Bitrix, you can create a set of products. That is, you create a set of "Handle 1 - Color 2 - Sheathing - 8" and either a price per set or an amount per set of items.
But in this case it will be necessary to create a lot of such sets. This will be the easiest and most not smart way.
Or not to create, but to do it already on js and just collect the goods on JS, forming a picture

Answer 2

Goods + trade offers (SKU).
Each SKU will have its own set of properties, its own picture and price.
In the product card, you will load all possible values ​​of the SKU properties, and when the properties are crossed, the desired SKU will be selected.
And this functionality is out of the box, so you don’t need to cycle.