How to implement dynamic price display based on available selects?

Question

1C-Bitrix

Good evening.
The task is next.
The product has offers, they are generated based on the properties: taste, volume.
Now the page displays a list of these offers, each with its own buy button and its own price.
It is necessary to create 2 selects, and fill them with the appropriate options from taste and volume, and when choosing a specific combination, display only the appropriate offer.
I understand that nothing is clear from the words, I displayed it on the screenshot, maybe it will be more accessible)

On the left is a list of all offers.
On the right there are two selects, when choosing the taste "biscuit with cream" and the volume "900g", only the offer highlighted in green should be displayed.
It turns out such related selects, many large stores have it, but I just don’t have enough brains to complete the logic of how to implement this, knowledgeable people, please tell me the direction how to implement it.
These are typical Bitrix product offerings, all this data is stored in the common "product offerings" array, for each offer these properties (taste, volume) are specified separately.

Answer 1

when changing goods, the price should change. There may be a problem with the template.