A/S
Одежда и обувь4 мин

Как показать варианты цвета и размера на сайте бренда одежды

Схема карточки с вариантами цвета и размера на сайте одежды: одна модель или отдельные товары, остатки по SKU, связь с таблицей мерок и чек-лист перед запуском коллекции.

Покупатель должен выбрать цвет и размер на одной карточке и сразу увидеть, есть ли нужная комбинация. Если размер «M» есть только в чёрном, а в бежевом остался «S», сайт не должен показывать «M» для обоих цветов. Решение — одна страница модели с вариантами, где остаток считается по каждому артикулу отдельно.

Когда варианты нужны явно

Схема обязательна, если одна модель продаётся в нескольких цветах и размерах. Типичные признаки:

  • на складе учёт идёт по артикулу «модель + цвет + размер»;
  • на маркетплейсе у карточки несколько модификаций с отдельными штрихкодами;
  • покупатели спрашивают «есть ли этот цвет в моём размере»;
  • фото зависят от цвета, а не только от модели.

Если продаёте единичные вещи без повторяемых размеров, достаточно простой карточки без переключателей.

Одна карточка или несколько страниц

Выберите структуру до загрузки каталога. От неё зависят остатки, фильтры и ссылки из рекламы.

Ситуация Рекомендация Почему
Один крой, несколько цветов и размеров Одна страница модели с переключателями Покупатель сравнивает цвета на одном экране
Сильно разная посадка по цветам Отдельные карточки или явная пометка в таблице Иначе размеры вводят в заблуждение
Редкий цвет только в одном размере Скрывать недоступные комбинации Меньше отказов на этапе оплаты
Коллекция из десятков моделей Единые правила именования вариантов Проще синхронизировать с маркетплейсом

Google рекомендует передавать данные о вариантах товара, если вы продаёте модификации одного изделия. Так поисковик точнее понимает связь между цветами и размерами одной модели.

Что указать для каждого варианта

Минимальный набор полей для одного SKU:

Поле Зачем
Внутренний артикул Связь с учётом и отгрузкой
Цвет понятным словом Не только код склада
Размер как на этикетке Совпадает с тем, что приедет клиенту
Остаток или статус «нет в наличии» Покупатель не заказывает пустую комбинацию
Фото именно этого цвета Иначе растут возвраты
Штрихкод, если есть Нужен для обмена с маркетплейсом

На Wildberries для каждого размера из таблицы продавец добавляет цену и баркод отдельного варианта. На собственном сайте правило то же: у каждой комбинации свой идентификатор и свой остаток.

Как связать варианты с таблицей размеров

Таблица мерок и переключатель размеров решают разные задачи. Таблица объясняет, какой обхват соответствует букве «M». Переключатель показывает, есть ли «M» в выбранном цвете прямо сейчас.

Порядок на странице:

  1. Название модели и фото выбранного цвета.
  2. Переключатель цвета — только цвета в наличии или с пометкой «ожидается».
  3. Переключатель размера — только размеры для выбранного цвета.
  4. Ссылка «Как выбрать размер» на таблицу мерок этой модели.
  5. Цена и кнопка покупки для конкретного SKU.

Если размер временно отсутствует, покажите подписку на поступление по этому артикулу, а не по модели в целом.

Чек-лист перед запуском коллекции

  • В учёте каждая комбинация «цвет + размер» — отдельная строка остатка.
  • На сайте нельзя добавить в корзину комбинацию с нулевым остатком.
  • Фото меняется при смене цвета, текст описания — общий для модели.
  • Размер на кнопке совпадает с маркировкой на этикетке.
  • Таблица мерок открывается с той же страницы, без поиска по сайту.
  • После заказа в систему уходит именно SKU варианта, а не только название модели.

Когда одной карточки мало

Не объединяйте всё в одну страницу, если:

  • цвета настолько разные, что это фактически разные модели;
  • у каждого цвета своя цена без общей логики;
  • остатки ведут разные склады с разной доставкой.

Тогда лучше отдельные карточки и явная ссылка «другие цвета этой модели».

Что делать дальше

Возьмите одну модель с двумя цветами и тремя размерами. Заполните таблицу полей для каждого SKU и проверьте путь покупателя на телефоне. Сверьте остатки на сайте с учётом после тестового заказа. Через две недели сравните вопросы «какой размер в этом цвете» в поддержке. Нужна помощь с карточками, остатками и таблицей мерок — обсудим первый шаг в Telegram.

Продолжение в Telegram

Разбираю сайты и способы получать больше прямых заказов

Публикую практические идеи для бизнеса простым языком: что улучшить, как считать результат и где не тратить деньги зря.

Перейти в канал

Могу помочь с вашей задачей

Настрою карточки с вариантами цвета, размера и остатками на сайте бренда

Сначала разберём, как у вас сейчас заведены модели, цвета и размеры в учёте. Затем соберём понятную карточку, свяжем её с таблицей мерок и проверим, что покупатель видит только доступные комбинации.

Источники

Информация проверена 11 сентября 2026 г.. Изменчивые условия лучше перепроверить перед принятием решения.

  1. Google Search Central: Product structured data и варианты товарапроверено 11 сентября 2026 г.
  2. Wildberries: таблица размеров в карточке товарапроверено 11 сентября 2026 г.

Читайте дальше

Материалы по соседним задачам

Одежда и обувь

Готовый образ на сайте бренда одежды: как показать комплект до заказа

Три формата образа на сайте бренда одежды: фиксированный набор, shop the look и конструктор по размеру. Таблица совместимости SKU, правила остатков и чек-лист запуска первых трёх комплектов.

Читать
Одежда и обувь

Посадка и крой на карточке бренда одежды: три сигнала до корзины

Как показать посадку и крой на сайте бренда одежды: словарь типов посадки, параметры модели на фото, подсказка между двумя размерами и чек-лист перед запуском коллекции.

Читать
Одежда и обувь

Предзаказ новой коллекции на сайте бренда одежды: срок, оплата и поля

Как оформить предзаказ одежды на сайте бренда: три схемы оплаты, обязательный срок отгрузки по закону, отличие от «сообщить о поступлении» и чек-лист карточки.

Читать
Все статьи