How to create dynamic tabs in the product card - Bitrix CMS?

Question

1C-Bitrix

Hello, it is necessary that in each product the editor could offer customers a recommended product for this product. For example, if the product is putty, then at the bottom after the description there should be tabs with offer categories, as an example, the category "Spatulas" inside which there will be exactly those spatulas that they manually add to the tab of this product. The next tab, for example, a basin for stirring, and inside it there will be basins of different volumes, which will also be manually added to the "Tazy" taboo. To illustrate this functionality, you can see the design screen:
images.vfl.ru/ii/1576824562/98d693aa/28968615.png
Please describe how we can implement this functionality in the admin panel.
omid.amiroff.net/catalog/alci/579/#tab-1
And here is the product link, where you will see tabs and products like this. The tabs are ready, but this is still html code. At this stage, we cannot connect the names of the tabs and their products to the product editing admin panel.
This is how we would like it to be https://www.ulmart.ru/goods/4560948
Thank you in advance!

Answer 1

Option 1:
Create the property "Binding......" for products, in the product card you will be able to manually specify the recommended product to the main product. Recommended products will be displayed in tabs on this basis (via a component or getlist with a filter by binding above).
You can create several of these properties for each tab.
Option 2:
In order not to fill in manually, you can link sections and randomly display popular from the category in tabs.
Honestly, I don't quite understand your question.

Answer 2

Do property yip binding to email. infoblock and configure it for an infoblock with goods. Further, in result_modifier or in your component, by product ID, you get their sections and sort them by sections. It should turn out something like

$arResult = [
    ['SECTIONS'] => [
        ['SECTION'] => [
            ["ID"] => "123",
            ["NAME"] -> "MY SECTION",
            ["ITEMS"] => [
                // ....
            ]
        ]
    ]
]