Размеры и цвета товара в Tilda: как показать варианты таблицей

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

Матрица вариантов показывает сочетания строками и столбцами: например, размер по одной оси, цвет по другой. Это именно выбор вариантов товара с ценой и наличием, а не справочная таблица замеров тела.

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

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

В конструкторе впишите названия свойств точно как в товаре. Например, строки — «Размер», столбцы — «Цвет». Если поля оставить пустыми, используются первые два свойства. Проверьте, что их порядок действительно удобен посетителю.

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

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

Выберите подписи наличия и порог «Мало». Сведения зависят от актуальных данных магазина. Просмотр доступной ячейки не резервирует товар, поэтому поддерживать остатки в Tilda нужно независимо от внешнего оформления.

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

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

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

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

1. Подготовьте варианты, цены и остатки в Tilda.
2. Настройте оси, число столбцов, размещение и подписи.
3. Скопируйте код в T123 после магазина и корзины.
4. Опубликуйте страницу, выберите доступную ячейку и добавьте товар.
5. Проверьте недоступное сочетание, третье свойство и телефон.

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

Читайте также: Дополнительные опции товара в Tilda: карточки с фото и ценой · Как поделиться корзиной в Tilda: товары одной ссылкой.