Интеграция виджета

1) Добавить строки вызова вначале скрипта (карточки товара):

<link href="https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap" rel="preload" as="font">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap" rel="preload" as="font">
<link href="https://sx24.ru/CalcShoes/assets/js/widgets/select2.css?ver=2" rel="stylesheet" />
<link href="https://sx24.ru/CalcShoes/assets/js/widgets/simplebar.css" rel="stylesheet" />
<script src="https://kit.fontawesome.com/9d6c38ab7c.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/js/widgets/jquery.min.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/js/widgets/simplebar.min.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/plugins/localforage/localforage.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/plugins/select2/select2.min.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/plugins/select2/select2_locale_ru.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/widget/app2.js"></script>
<script src="https://sx24.ru/CalcShoes/assets/widget/sx24API.js"></script>

Если CMS BITRIX, добавить:

<link href="https://sx24.ru/CalcShoes/assets/widget/app2-bitrix.css?ver=14" rel="stylesheet"/>

Для других CMS, добавить:

<link href="https://sx24.ru/CalcShoes/assets/widget/app2.css?ver=14" rel="stylesheet"/>

2) Добавить кнопку и событие, вызывающее виджет, на карточке товара:

<img src="https://sx24.ru/CalcShoes/assets/widget/ButtonOpenWidget.png" onclick="load(true);" style="cursor:pointer"/>

3) Добавить на страницу контейнер для размещения виджета:

<div ='widget_container'></div>

4) Добавить функцию вызова, указать язык, артикул и пол в конце скрипта (карточки товара):

<script type="text/javascript">
    $(document).ready(() =>
    {
        load(false);
    });
    function load(isshow)
    {
        var language   = 'указать язык'; //Rus Eng Esp
        var vendorcode = 'указать вендорный код';
        var sex        = 'указать пол'; // M W U 
        sx24Load("widget_container",
            {
                Language:   language,
                VendorCode: vendorcode,
                Sex:        sex
            },
            () =>
            {
                if(isshow)
                {
                    sx24Show();
                }
            });
    }
</script