Техническое задание: Модификация товарного блока на Tilda

Цель проекта

Расширить функциональность стандартного блока товара ST205 в конструкторе сайтов Tilda, чтобы покупатели могли выбирать между различными вариантами одного продукта непосредственно на карточке товара.

Текущая проблема

Блок ST205 отображает только одну единицу товара. При наличии у товара нескольких разновидностей (например, хлеб с разными добавками), нет возможности выбрать конкретный вариант и добавить его в корзину без создания отдельной карточки для каждого варианта.

Требуемое решение

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

Ключевые функции:

  • Отображение вариантов: Под основной фотографией товара должны появляться миниатюры или названия других разновидностей этого же товара (например: "С чесноком", "С курагой", "С отрубями").
  • Интерактивность: Каждый вариант должен быть интерактивным элементом (кнопкой, плиткой).
  • Добавление в корзину: Рядом с каждым вариантом должна быть отдельная кнопка "В корзину" или возможность добавления при клике на сам вариант.
  • Визуальная логика: Интерфейс должен быть интуитивно понятным, напоминающим функционал популярных онлайн-маркетплейсов.

Пример реализации

Товар: Хлеб
Варианты под ним:
- Хлеб с чесноком [Кнопка "В корзину"]
- Хлеб с курагой [Кнопка "В корзину"]
- Хлеб с отрубями [Кнопка "В корзину"]

Технические требования

  • Решение должно быть реализовано в рамках экосистемы Tilda (с использованием Zero-блоков, пользовательского кода или комбинации стандартных блоков).
  • Функционал добавления в корзину должен работать корректно с системой корзины и заказов Tilda.
  • Изменения должны быть адаптивными и корректно отображаться на мобильных устройствах.