Как оформить варианты товара: размеры, цвета, цены и остатки

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

Красивого переключателя недостаточно. Если покупатель выбрал синюю футболку размера M, этот же вариант должен появиться в заказе и задании на сборку. Ниже — порядок оформления, который помогает избежать несуществующих сочетаний, ошибочных остатков и дублей в каталоге.

Когда объединять товары в одну карточку

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

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

Используйте практический критерий: можете ли вы дать честное общее описание и явно объяснить все различия в выборе? Если текст подходит только одной версии, а остальные приходится оговаривать исключениями, объединение может запутать человека. Отзывы тоже не должны приписывать свойство одного варианта всем остальным.

Набор и отдельный предмет лучше не объединять только ради экономии карточек, если это скрывает состав покупки. Для близких комплектаций возможно общее представление, но выбранный состав должен быть виден до кнопки покупки. Решение принимайте по задаче покупателя, а не по количеству строк в системе.

Подготовьте данные конкретных вариантов

Сначала отделите модель, параметры выбора и вариант. Параметр — «цвет», его значение — «синий», а вариант — конкретное сочетание «синий, M». Характеристика «хлопок» может описывать всю модель и не требовать выбора, если материал одинаковый.

SKU (stock keeping unit) — складская учётная единица; этим сокращением часто называют внутренний код товарной позиции. Для раздельного учёта каждому продаваемому варианту нужен собственный идентификатор, даже если витрина показывает их вместе. Код модели объединяет варианты, но не заменяет код конкретной позиции при сборке.

Создавайте только существующие комбинации. В учебной модели с четырьмя цветами и пятью размерами получается 20 возможных сочетаний. Если производитель выпускает только 12, в учёте должны быть эти 12, а не восемь дополнительных вариантов с выдуманным наличием.

Матрица наличия на простом примере

Допустим, у футболки есть два цвета и два размера. Производитель не выпускает зелёную версию в размере M, а синяя L временно закончилась.

Цвет и размер	SKU	Доступный остаток	Что показать
Синий, M	TS-BL-M	5	Можно выбрать и купить
Синий, L	TS-BL-L	0	Вариант существует, но сейчас недоступен
Зелёный, M	Не создаётся	Не применяется	Такой комбинации в модели нет
Зелёный, L	TS-SG-L	3	Можно выбрать и купить

Нулевой остаток и отсутствие варианта — разные состояния. Для закончившегося размера может быть уместна подписка на поступление, а несуществующее сочетание нельзя обещать к пополнению. Сохраняйте различие в учёте и интерфейсе.

Для каждой позиции проверьте цену, остаток, при необходимости штрихкод, вес, габариты и срок поставки. Внутренний SKU можно создать по собственному правилу, а официальный штрихкод или код производителя нельзя придумывать. Если код есть, сопоставьте его с конкретной комбинацией и упаковкой.

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

Оформите выбор цвета и размера

Показывайте параметры рядом с ценой и кнопкой покупки. Цвет можно представить образцом или небольшой фотографией, но обязательно добавьте текстовое название. Один оттенок экрана не объяснит разницу между графитовым и чёрным и не поможет человеку, который плохо различает цвета.

Размеры, если их немного, удобно показать видимыми кнопками. Для длинного списка возможен выпадающий выбор, но доступность должна оставаться понятной. Выбранное значение выделяйте не только цветом: используйте рамку, подпись или другое различимое состояние.

Не меняйте выбранный размер незаметно. Если после смены цвета ранее выбранный размер недоступен, явно попросите выбрать другой размер или покажите причину. Автоматический переход с M на XL без заметного сообщения может привести к ошибочной покупке.

Необязательно заранее выбирать первый размер. Если неверный выбор легко пропустить, попросите человека указать его явно. Добавление в корзину до выбора обязательных параметров должно сопровождаться понятной подсказкой рядом с ними, а не безымянной ошибкой в конце страницы.

Дайте размерную таблицу в месте выбора

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

Для одежды полезны схема замера и сведения о посадке, если они подтверждены. Например, ширина футболки по изделию не равна обхвату груди покупателя. Не обещайте, что буквенный размер одного бренда совпадает с размером другого.

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

Свяжите выбор с фото, ценой и доставкой

После смены цвета показывайте соответствующие фотографии. Если общие кадры остаются в галерее, ясно отделите их от изображения выбранной версии. Нельзя оставлять на первом плане зелёную футболку, когда в корзину отправится синяя.

Цена относится к текущей комбинации. Если варианты стоят по-разному, диапазон «от 1 500 ₽» допустим как отправная информация в списке, но рядом с покупкой нужна точная сумма выбранного товара. Изменение цены должно быть заметно и не происходить только после перехода к оплате.

Наличие тоже проверяйте по варианту. Фраза «в наличии» для всей модели вводит в заблуждение, если выбранного размера нет. Разделяйте доступную покупку, товар под заказ и уведомление о поступлении; у этих действий разные ожидания и сроки.

Вес, габариты и место хранения могут менять доставку. Для разных объёмов одной банки или разных комплектов проверьте фактические данные расчёта. Если доставка для выбранного сочетания доступна только другим способом, сообщите об этом до подтверждения заказа.

Не заставляйте страницу полностью перезагружаться ради каждого выбора, если платформа позволяет обновлять данные на месте. Интерфейс не должен показывать вариант доступным, пока система не подтвердила наличие. При задержке проверки покажите ожидание и не разрешайте купить неподтверждённый вариант.

Проверьте корзину, заказ и склад

В корзине сохраните название модели, выбранные цвет и размер, количество и актуальную цену. Одной фотографии мало: варианты могут выглядеть похоже. Эти же сведения нужны в подтверждении заказа и задании сотруднику склада.

Разные варианты одной модели не должны случайно объединяться в строку с общим количеством. Синяя M и синяя L — разные позиции. Если покупатель меняет вариант в корзине, система должна заново проверить доступность и цену именно новой комбинации.

Доступный к продаже остаток может отличаться от физического количества. Часть товара уже зарезервирована, повреждена или ожидает проверки после возврата. Определите в учёте, что можно обещать покупателю, и передавайте на витрину эту величину.

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

После отмены возвращайте доступность по согласованному процессу. Физический возврат покупателя не всегда сразу становится годным остатком: сначала требуется приёмка и проверка состояния. Исправление количества у всей модели вместо конкретного SKU может открыть к покупке другой цвет или размер.

Сквозная проверка перед публикацией

Пройдите каждый сценарий без ручной правки данных посередине:

1. Выберите доступные цвет и размер, сверив фото, сумму и наличие.
2. Добавьте вариант в корзину и проверьте его подписи.
3. Добавьте второй размер той же модели и убедитесь, что позиции различаются.
4. Оформите заказ и сравните выбранный SKU с данными сборки.
5. Проведите отмену по вашему процессу и проверьте восстановление нужного остатка.
6. Повторите покупку для нулевого остатка и несуществующего сочетания.
7. Пройдите выбор на телефоне и с клавиатуры.

Проверка клавиатурой нужна не только для формального соответствия. Человек должен видеть, где находится фокус, понимать выбранное значение и получать сообщение об ошибке. Не используйте элементы, которые работают только при наведении мыши.

Согласуйте варианты с каталогом и SEO

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

Решите, показывать в списке одну модель или несколько цветов. Для модного ассортимента фотография конкретного цвета может помогать выбору, но десятки одинаковых карточек с разными размерами перегружают каталог. Если человек пришёл из списка синего цвета, в карточке должен открыться тот же выбор.

Различие категорий, фильтров и вариантов разобрано в структуре каталога интернет-магазина. Единый словарь значений и проверка отбора описаны в статье о настройке фильтров.

Отдельный адрес, или URL, для выбранной комбинации удобен для ссылки на товар. Но наличие адреса не означает, что каждому размеру нужна самостоятельная страница в поиске. Для близких дублей определите основной адрес через согласованную настройку поисковой оптимизации (SEO); самостоятельные страницы создавайте, когда они отвечают отдельному спросу и содержат полезные различия.

Если используете товарный фид, передавайте данные конкретных вариантов по правилам получателя: отдельные идентификаторы, цвет, размер, цену и доступность. В Google Merchant Center для объединения вариантов используется item_group_id, а цвет и размер задаются отдельными атрибутами. Это пример структуры данных, а не универсальные правила любого канала продаж.

Проверьте, что переход из фида открывает соответствующий вариант, а цена и наличие совпадают с витриной. Правила объединения маркетплейса не следует автоматически применять к собственному сайту: у него могут быть другие требования и пользовательские сценарии.

Как внедрить варианты без путаницы

Начните с одной модели с несколькими доступными и недоступными сочетаниями. Назначьте ответственного за словарь значений, сопоставление SKU и проверку остатков. Сначала исправьте исходные данные, затем оформляйте переключатели.

При объединении существующих карточек сохраните связь старых кодов, заказов и адресов. Не удаляйте учётные позиции, по которым были продажи, без плана переноса. Изменение витрины не должно лишать сотрудника возможности понять прошлый заказ или обработать возврат.

После пилота перенесите правило на похожую категорию и наблюдайте за ошибками выбора и сборки. Обращения «пришёл другой размер» и расхождения остатков дают более конкретный сигнал, чем общая конверсия магазина. Фиксируйте также изменения фотографий, цены и доставки, чтобы не приписывать весь результат переключателю.

Частые вопросы

Нужен ли отдельный SKU каждому размеру и цвету?+

Да, если вы хотите учитывать и собирать их отдельно. Общая карточка объединяет представление, но не заменяет учёт конкретного варианта. Код должен однозначно связывать выбор покупателя с товаром на складе.

Можно ли скрывать все недоступные размеры?+

Иногда это упрощает выбор, но человек может решить, что модель вообще не бывает нужного размера. Различайте временное отсутствие и несуществующую комбинацию. Для закончившегося варианта полезно показать недоступность и, если процесс работает, уведомление о поступлении.

Можно ли оставить одну фотографию для всех цветов?+

Она может показывать общую конструкцию, но не подтверждает внешний вид каждого цвета. Добавьте изображения вариантов или прямо объясните ограничение. Не выдавайте фотографию одного оттенка за выбранный другой.

Нужна ли отдельная страница каждому варианту для SEO?+

Не всегда. Сначала оцените самостоятельный спрос и различия содержания. Для размеров одной модели отдельные индексируемые дубли обычно не дают новой пользы; адрес для сохранения выбора и стратегия индексации решают разные задачи.

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