Конвертер розмірів (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.

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

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