Разработка таблицы размеров обуви на 1С-Битрикс

При разработке интернет-магазина обуви таблица размеров — не просто список соответствий. Клиенты возвращают пары из-за неправильного размера: системы (RU, EU, US) несовместимы, а производители используют разные колодки. В среднем 30% заказов обуви возвращают по причине неправильного размера, каждая возвратная поставка обходится в $3–5. Наша команда разработала более 30 таких таблиц — с нулевым процентом ошибок в конвертации после внедрения. Мы решаем эту задачу на 1С-Битрикс: проектируем структуру БД, компонент вывода и интерактивный подбор. Цель — снизить возвраты на 15-20% за счёт точной конвертации и удобного интерфейса.

Сравнение: самодельная таблица в Excel vs наша разработка

В Excel легко ошибиться в формулах конвертации — один неверный приоритет и все размеры сдвигаются. Мы используем автоматизированные тесты для каждой размерной сетки, что исключает человеческий фактор. Покупатели получают точные рекомендации, возвраты снижаются на 20% быстрее.

Как устроена структура БД для обувной таблицы

Базовая таблица размеров обуви строится на двух сущностях: Wikipedia: Shoe size. Основная таблица хранит размерные сетки, а строки — соответствия размеров для каждой сетки.

CREATE TABLE b_shoe_size_charts ( ID SERIAL PRIMARY KEY, NAME VARCHAR(255) NOT NULL, -- "Nike мужская", "Adidas детская" BRAND_ID INT, GENDER VARCHAR(10), -- 'male', 'female', 'kids', 'unisex' AGE_GROUP VARCHAR(20), -- 'adult', 'kids', 'baby' ACTIVE BOOLEAN DEFAULT TRUE ); CREATE TABLE b_shoe_size_rows ( ID SERIAL PRIMARY KEY, CHART_ID INT NOT NULL REFERENCES b_shoe_size_charts(ID), FOOT_LENGTH_MM INT NOT NULL, -- длина стопы в мм (основная мерка) SIZE_RU NUMERIC(4,1), -- российский размер SIZE_EU NUMERIC(4,1), -- европейский размер SIZE_US_M NUMERIC(4,1), -- US мужской SIZE_US_W NUMERIC(4,1), -- US женский SIZE_UK NUMERIC(4,1), -- британский SIZE_CM NUMERIC(4,1), -- японский/корейский (в см) SORT INT DEFAULT 100 ); 

Длина стопы в миллиметрах — не сантиметрах — как базовая мерка, потому что обувные стандарты работают с точностью до 5 мм.

Почему длина стопы — основной параметр?

У обуви один ключевой параметр — длина стопы в сантиметрах. Всё остальное (RU, EU, US M/W, UK) — системы обозначений, которые конвертируются из длины стопы по стандартным формулам, но с поправкой на бренд. Дополнительные сложности:

• Половые различия: US 8 мужской ≠ US 8 женский (разница ~1.5 EU-размера)
• Детская обувь — отдельная шкала (17–35 EU)
• Некоторые бренды (Converse, Vans) имеют свои нюансы конвертации
• Полнота обуви (B, D, EE) — редко, но встречается в профессиональных магазинах

Компонент таблицы размеров обуви

Компонент аналогичен одежному, но с особенностями вывода.

Выбор пола

Если таблица «unisex», нужна переключалка для показа US M или US W:

<div class="size-gender-tabs"> <button class="active" data-gender="male">Мужские (US M)</button> <button data-gender="female">Женские (US W)</button> </div> 

Колонки таблицы

Для мужской взрослой обуви таблица выглядит так:

Полушага (39.5, 40.5) должны быть в таблице — многие производители их используют.

Как таблица размеров интегрируется с торговыми предложениями?

Каждое торговое предложение обуви имеет свойство SHOE_SIZE. При выборе размера на странице товара соответствующая строка таблицы подсвечивается, а клик по строке автоматически выбирает ТП. Это работает через JavaScript-брокер событий: компонент таблицы генерирует событие sizeSelected, компонент ТП подписывается и обновляет выбор.

Интерактивный подбор по длине стопы

Главное отличие обуви: покупатель знает длину своей стопы (или может её измерить), но не всегда знает размер. Интерактивная форма позволяет ввести длину и получить размер.

<div class="shoe-size-finder"> <label>Введите длину стопы (мм или см):</label> <input type="number" id="foot-length" placeholder="255" min="150" max="340"> <select id="length-unit"> <option value="mm">мм</option> <option value="cm">см</option> </select> <button onclick="findShoeSize()">Найти мой размер</button> </div> 

function findShoeSize() { let length = parseInt(document.getElementById('foot-length').value); const unit = document.getElementById('length-unit').value; if (unit === 'cm') length = Math.round(length * 10); const sizes = window.shoeSizeData; const match = sizes.find(s => length <= s.foot_length_mm + 5 && length > s.foot_length_mm - 5); if (match) { highlightRow(match.id); showResult(`Ваш размер: RU ${match.size_ru} / EU ${match.size_eu}`); } else { showResult('Размер не найден в таблице. Уточните у консультанта.'); } } 

При выборе размера на странице товара соответствующая строка таблицы подсвечивается, а клик по строке автоматически выбирает торговое предложение.

Инструкция по измерению стопы

Текстовая инструкция + SVG-иллюстрация в модальном окне. Стандартная инструкция: поставить ногу на бумагу, обвести, измерить от пятки до самого длинного пальца. SVG масштабируется без потери качества и весит 3-5 KB — в 10 раз меньше PNG. Это снижает количество ошибок при самостоятельном измерении.

Какие нюансы у детской обуви?

Детская обувь требует отдельной таблицы. EU-размеры для детей начинаются с 16–17 (новорождённые) и идут до 35–36. Дополнительный параметр: рекомендуемый возраст.

Что входит в разработку

• Аудит ассортимента и типов размерных сеток
• Проектирование БД с учётом брендов, пола и возраста
• Разработка компонента вывода с переключалками пола
• Интерактивный калькулятор подбора по длине стопы
• Интеграция с торговыми предложениями
• Инструкция по измерению стопы с SVG-иллюстрацией
• Автоматизированные тесты конвертации для всех сеток
• Документация и исходные коды
• Месяц поддержки после запуска

Сроки

Обувная размерная таблица — инвестиция в снижение возвратов. В fashion-сегменте возврат одной пары обуви стоит дороже создания таблицы: курьерские расходы, переупаковка, потеря товарного вида. Проект окупается за 1-2 месяца работы магазина. Свяжитесь с нами для консультации — мы поможем подобрать оптимальное решение под ваш ассортимент. Получите расчёт сроков и стоимости для вашего интернет-магазина обуви.