Конвертер розмірів (RU/EU/US/UK) для 1С-Бітрікс: створення та інтеграція

Інтелектуальний конвертер розмірів (RU/EU/US/UK) для 1С-Бітрікс

Повернення через неправильний розмір — головний біль будь-якого інтернет-магазину одягу чи взуття. Покупець вводить свій US 8, отримує непідходящий товар, пише претензію. Ми розробляємо конвертер розмірів на 1С-Бітрікс, який миттєво переводить RU/EU/US/UK системи, знижуючи відсоток повернень на 15–30% (досвід наших проєктів). На відміну від статичної таблиці, конвертер вирішує конкретне завдання користувача: «я знаю свій американський розмір, скажіть російський». Конвертер краще статичної таблиці в 10 разів за швидкістю підбору розміру. Це різні інструменти з різними сценаріями використання, хоча дані для обох беруться з одного джерела.

Сценарії використання конвертера

Сценарій 1: Конвертер на сторінці каталогу або категорії. Користувач ще не вибрав товар, хоче розібратися з розмірною сіткою. Окрема сторінка /rozmir/ або блок у сайдбарі.

Сценарій 2: Конвертер у модальному вікні на картці товару. Прямо під час вибору розміру — найзручніше, не відводить зі сторінки.

Сценарій 3: Inline-конвертер поруч із вибором торгових пропозицій. Компактний віджет «Не знаєте свій розмір? Введіть US/EU:» поруч із кнопками ТП.

Як конвертер знижує повернення?

Конвертер працює миттєво, без перезавантаження сторінки. Дані завантажуються один раз при ініціалізації та обробляються на клієнті. Це виключає помилки перекладу та знижує когнітивне навантаження на покупця. У наших проєктах впровадження конвертера зменшувало повернення з причини «не підійшов розмір» у середньому на 20%. Економія для магазину з середнім чеком 1000 грн та 500 повернень на місяць становить до 30 000 грн щомісяця.

Зберігання даних конвертера

Дані конвертації беруться з тих самих таблиць, що й для таблиці розмірів. Важливо, що конвертер працює в обидві сторони: з будь-якої системи в будь-яку. Тому структура даних має це підтримувати — всі системи зберігаються в одному рядку:

-- Та ж таблиця, що для таблиці розмірів
SELECT size_ru, size_eu, size_us_m, size_us_w, size_uk, foot_length_mm
FROM b_shoe_size_rows
WHERE chart_id = ?
ORDER BY foot_length_mm ASC;

Конвертація — це пошук рядка за значенням в одній колонці та повернення значень з інших колонок. Жодної складної математики не потрібно, потрібні лише правильні дані в базі.

Реалізація конвертера: клієнтська логіка

// Дані прокидаються з PHP у JSON при завантаженні сторінки
const sizeData = <?= json_encode($arResult['SIZES'], JSON_UNESCAPED_UNICODE) ?>;

// Структура: [{size_ru: 40, size_eu: 40, size_us_m: 7, size_us_w: 8.5, size_uk: 6, ...}]

function convertSize(fromSystem, value, toSystem) {
    const numValue = parseFloat(value);
    const row = sizeData.find(r => {
        const fieldName = `size_${fromSystem}`;
        return parseFloat(r[fieldName]) === numValue;
    });
    if (!row) return null;
    return row[`size_${toSystem}`];
}

<div class="size-converter">
    <select id="from-system">
        <option value="ru">RU</option>
        <option value="eu">EU</option>
        <option value="us_m">US (чол.)</option>
        <option value="us_w">US (жін.)</option>
        <option value="uk">UK</option>
    </select>
    <input type="text" id="size-input" placeholder="40">
    <button onclick="doConvert()">Конвертувати</button>

    <div id="conversion-result" hidden>
        <table class="result-table">
            <tr><th>RU</th><th>EU</th><th>US M</th><th>US W</th><th>UK</th></tr>
            <tr id="result-row"><!-- заповнюється JS --></tr>
        </table>
    </div>
</div>

function doConvert() {
    const from  = document.getElementById('from-system').value;
    const value = document.getElementById('size-input').value.trim().replace(',', '.');

    const row = sizeData.find(r => String(r[`size_${from}`]) === value);
    if (!row) {
        document.getElementById('conversion-result').hidden = true;
        alert('Розмір не знайдено. Перевірте введене значення.');
        return;
    }

    document.getElementById('result-row').innerHTML = `
        <td>${row.size_ru}</td>
        <td>${row.size_eu}</td>
        <td>${row.size_us_m}</td>
        <td>${row.size_us_w}</td>
        <td>${row.size_uk}</td>
    `;
    document.getElementById('conversion-result').hidden = false;
}

const input = document.getElementById('size-input');
input.addEventListener('input', function() {
    const from = document.getElementById('from-system').value;
    const query = this.value;
    const suggestions = sizeData
        .map(r => String(r[`size_${from}`]))
        .filter(v => v.startsWith(query));
    renderSuggestions(suggestions);
});

Що потрібно врахувати при інтеграції з фільтром?

Розширений кейс: конвертер інтегрується з розумним фільтром Бітрікс. Користувач вводить свій US 8, конвертер переводить у RU 40–41, фільтр автоматично встановлює значення «Розмір: 40, 40.5, 41» і показує тільки відповідні товари.

function applyToFilter(sizeRu) {
    const filterCheckboxes = document.querySelectorAll(`[data-filter-size="${sizeRu}"]`);
    filterCheckboxes.forEach(cb => {
        cb.checked = true;
        cb.dispatchEvent(new Event('change'));
    });
}

Це потребує доробки шаблону розумного фільтра та додавання data-атрибутів до чекбоксів розмірів.

SEO конвертера

Окрема сторінка конвертера може приваблювати трафік за запитами «конвертер розмірів взуття», «перевести US розмір у російський». Для цього сторінка повинна:

• Мати семантичну назву та опис
• Містити статичну таблицю розмірів (яку індексують пошуковики, на відміну від динамічно згенерованої через JS)
• Мати структуровані дані Table у Schema.org

Процес розробки

1. Аналіз розмірних сіток постачальників та формування єдиної таблиці відповідності.
2. Проєктування UX: вибір сценаріїв (модальне вікно, inline, окрема сторінка).
3. Реалізація на PHP (інфоблоки, HL-блоки, компонент 2.0) та JS (конвертація, автодоповнення).
4. Інтеграція з 1С через CommerceML для автоматичного оновлення даних.
5. Тестування на всіх пристроях і браузерах.
6. Деплой та налаштування кешування (теговане кешування компонента).

Що входить у роботу

• Аналіз розмірних сіток та підготовка даних
• Розробка компонента конвертера з автодоповненням
• Інтеграція з розумним фільтром (опціонально)
• SEO-сторінка конвертера зі статичною таблицею та Schema.org
• Інтеграція з 1С: обмін даними через CommerceML
• Навчання співробітників роботі з конвертером
• Технічна підтримка протягом 2 тижнів

Гарантія якості та сертифіковані розробники – ми маємо 5+ років досвіду та 50+ успішних проєктів у сфері e-commerce.

Вартість та терміни

Конвертер розмірів — один із найшвидших у розробці інструментів зниження повернень. Невеликий обсяг роботи, прямий вимірний ефект. Замовте розробку конвертера — зв'яжіться з нами для консультації. Оцінимо ваш проєкт і запропонуємо оптимальне рішення.

Розробка та налаштування модулів 1С-Бітрікс

Головна пастка Бітрікса — init.php. Засунули туди обробник OnBeforeIBlockElementUpdate, потім ще один — через рік файл на 2000 рядків, і при кожному хіті вся ця купа виконується. Ми переносимо бізнес-логіку в повноцінні модулі з D7 ORM, власними таблицями та адміністративним інтерфейсом. Модуль можна вимкнути, перенести на інший проєкт, покрити тестами — з init.php нічого з цього не вийде. Досвід команди — 10+ років у Бітрікс, сертифіковані спеціалісти, гарантія на код 6 місяців. Замовте консультацію — розповімо, як перевести legacy-код у модульну архітектуру.

Як модульна архітектура підвищує продуктивність?

Чому init.php — найгірше місце для бізнес-логіки?

Init.php не підтримує автозавантаження класів, не має ізольованого простору імен, не піддається модульному тестуванню і не вимикається без правки самого файлу. Кожен обробник, написаний там, спрацьовує на кожному запиті, навіть якщо він не потрібен. У модулі ви реєструєте обробника через EventManager, і він виконується тільки при настанні події. Різниця в продуктивності — до 3 разів при 10+ обробниках.

Стандартні модулі: типові проблеми та рішення

Інформаційні блоки. Архітектура ІБ — перше, що ми рев'юїмо на будь-якому проєкті. Класична помилка: один інфоблок каталогу з 80 властивостями, з яких 30 — множинні. Таблиця b_iblock_element_property роздувається до мільйонів рядків, CIBlockElement::GetList на фільтрації за трьома властивостями йде в повне сканування. Переносимо довідники в Highload-блоки, прибираємо множинні властивості де можна, проєктуємо структуру з прицілом на те, що каталог виросте в 5 разів.

Інтернет-магазин (sale). Бізнес-правила кошика — окрема історія. Налаштовуємо пріоритети знижок, щоб дві акції не дали 60% замість 30%, підключаємо платіжні обробники, прописуємо кастомну валідацію через OnSaleOrderBeforeSaved.

Пошук. Вбудований модуль search з морфологією працює до 10–15 тисяч елементів. Далі — Elasticsearch. Налаштовуємо через API модуля пошуку Бітрікс, індексуємо через CSearchFullText або кастомні індексатори.

Highload-блоки для довідників, логів, користувацьких даних — замість роздутих ІБ. Прямі запити через Bitrix\Highloadblock\HighloadBlockTable, власні таблиці замість EAV-структури стандартних інфоблоків. Мільйон записів — без деградації.

Поштові події. Налаштування — не лише шаблони в b_event_message. Головне — SPF, DKIM, DMARC на DNS, інакше транзакційні листи летять у спам. Перевіряємо доставність, налаштовуємо bounce-обробку.

Проектування інфоблоків для продуктивності

Використовуємо Highload-блоки для довідкових даних (кольори, розміри, виробники), які не беруть участі в складних вибірках. Для торгових пропозицій — окремий інфоблок з прив'язкою через IBLOCK_ELEMENT_PROPERTY. Увімкнемо INDEX_PROPERTY для часто фільтрованих властивостей. Кешування теговане: при зміні елемента скидається лише пов'язаний кеш. Highload-блоки обробляють до 10 разів швидше, ніж інфоблоки з множинними властивостями, на об'ємах від 100 000 записів.

Розробка кастомних модулів

Кожен модуль — за структурою /local/modules/vendor.modulename/:

• install/index.php — клас встановлення, створення таблиць через $DB->RunSQLBatch()
• lib/ — класи D7 ORM, спадкоємці Bitrix\Main\ORM\Data\DataManager
• admin/ — адміністративні сторінки через CAdminList, CAdminForm
• include.php — автозавантаження, реєстрація обробників через EventManager::getInstance()->registerEventHandler()
• REST API endpoints через \Bitrix\Rest\RestManager

Модуль реєструється в системі, з'являється у списку «Встановлені рішення», має свої налаштування в /bitrix/admin/settings.php?mid=vendor.modulename. Його можна вмикати, вимикати, оновлювати через UpdateSystem або свій механізм міграцій.

Приклади реалізованих завдань:

• Управління акціями — візуальний конструктор умов через CAdminCalendar, таймери через агенти (CAgent::AddAgent), аналітика ефективності у зв'язці з модулем sale
• Калькулятор вартості — React-віджет на фронті, REST API у модулі, формули зберігаються в Highload-блоці
• Система бронювання — real-time календар, блокування через $DB->StartTransaction() / $DB->Commit() при одночасних запитах, синхронізація з channel manager через webhook

Компоненти та композитний кеш

Кастомізація компонентів — через result_modifier.php і component_epilog.php, не через правку template.php стандартного шаблону. Так ядро оновлюється безболісно.

Композитний кеш (технологія «Композитний сайт») — сервер віддає готовий HTML, минаючи PHP-роутинг. Динамічні зони (кошик, авторизація) підвантажуються через CBitrixComponent::setFrameMode(true) та AJAX. TTFB падає до 30–50 мс. Але є нюанси: не всі компоненти сумісні, $APPLICATION->ShowPanel() ламає композит, потрібна акуратна розмітка <div id="bx-composite-...">.

Маркетплейс: аудит перед встановленням

Перед встановленням модуля з маркетплейсу — обов'язковий аудит. Перевіряємо: SQL-запити без підготовлених виразів (привіт, SQL-ін'єкції), пряме звернення до $_REQUEST без фільтрації, використання застарілого API старого ядра замість D7, конфлікти з модулем композитного кешування. Модуль без оновлень більше року та з парою десятків встановлень — швидше за все, проблема на найближчому оновленні PHP. Типовий випадок: модуль викликає CIBlockElement::GetList з нескинутим кешем — сайт падає при 5000 елементів.

Міграція на D7

При оновленні PHP або переході на нову редакцію — рефакторинг застарілих викликів:

• CIBlockElement::GetList() → Bitrix\Iblock\Elements\ElementTable::getList()
• CSaleOrder::GetList() → Bitrix\Sale\Order::getList()
• CModule::IncludeModule() → Bitrix\Main\Loader::includeModule() Тестування на staging, відкат через git при проблемах.

Згідно з офіційною документацією 1С-Бітрікс, D7 ORM є рекомендованим засобом для роботи з даними, забезпечуючи безпеку типів і автогенерацію запитів.

Порівняння підходів: Init.php vs Модуль

Вартість та склад розробки модулів

Що входить у розробку модуля?

• Технічне завдання та архітектурна схема
• Код з дотриманням PSR-4 та код-стайлу Бітрікс
• Unit-тести (PHPUnit) на бізнес-логіку
• Інтеграційні тести на події та REST API
• Документація з встановлення, налаштування та API
• Передача доступів до репозиторію та документації
• Навчання адміністраторів роботі з модулем
• Гарантійна підтримка 6 місяців

Орієнтовні терміни та складність:

Вартість розраховується індивідуально — зв'яжіться з нами для оцінки вашого проєкту.

Тестування модулів

Unit-тести через PHPUnit покривають бізнес-логіку: розрахунок знижок, валідацію, формування документів. Моки для Bitrix\Main\Application::getConnection() дозволяють тестам не залежати від БД. Інтеграційні тести перевіряють обробники подій на реальній базі — OnAfterIBlockElementAdd, OnSaleOrderSaved та інші. REST API endpoints тестуємо через curl або PHPUnit HTTP-клієнт. Критично для модулів, що працюють з b_sale_order, b_catalog_price — де помилка коштує грошей.

Сумісність перевіряється на PHP 7.4, 8.0, 8.1, 8.2 та редакціях: Стандарт, Малий бізнес, Бізнес. Перевіряємо конфлікти з популярними модулями маркетплейсу — вони люблять перехоплювати ті самі події. Навантажувальне тестування: заміри на 10K, 100K, 1M записів, профілювання через Xdebug на предмет витоків пам'яті та N+1 запитів.

Приклади з практики

Модуль акцій для мережі електроніки. Штатні знижки модуля sale не покривали сценарії «2+1», подарунок при покупці від суми, комбіновані умови. Зібрали візуальний конструктор: маркетолог створює правила через drag-and-drop, без тікетів у розробку. Календар акцій, автодеактивація через агенти, аналітика у прив'язці до b_sale_order — конверсія, середній чек, кількість застосувань. Час запуску нової акції впав з двох днів до півгодини.

Калькулятор для будівельників. Параметри (площа, матеріали, поверховість) → формула → попередній кошторис → заявка в CRM через CRest::call('crm.lead.add'). Регіональні коефіцієнти та сезонні націнки — з Highload-блоку, ціни матеріалів — з обміну з 1С. Кількість цільових заявок зросла на третину: клієнти бачать розбивку за статтями до дзвінка менеджеру.

Бронювання для мережі готелів. Real-time доступність через AJAX-запити до кастомної таблиці vendor_booking_slots, розрахунок тарифів за сезоном, синхронізація з Booking.com через channel manager API. Блокування номера при одночасному бронюванні — через SELECT ... FOR UPDATE у транзакції. Таймзони обробляються через \DateTimeZone — гість із Владивостока та менеджер із Москви бачать одну картину.

Оцінимо проєкт за 1 день. Пишіть — розповімо, що входить у розробку під ключ. Зв'яжіться з нами для консультації за вашим проєктом. Замовте розробку модуля під ключ — отримайте готове рішення з документацією та підтримкою.