магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Дополнительные опции товара в Tilda с фото

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

Что умеет мод

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

Как подключить

Дополнительные опции товараКарточки с фотоКод в T123
  1. Подготовьте опции в Tilda

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

  2. Выберите вариант оформления

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

  3. Сопоставьте фото и названия

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

  4. Установите и проверьте

    Скопируйте код в T123 после блока товара и опубликуйте страницу. Выберите несколько опций, добавьте товар в корзину и сравните состав и итоговую цену со штатными настройками.

Что учитывать. Мод оформляет существующие дополнительные опции; сами опции и доплаты задаются в Tilda. Название изображения привязывается к имени соответствующей опции. Проверяйте совпадение названий.

Вопросы и ограничения

Можно показывать опции без ценника?

Да. Выберите первый вариант оформления. Карточки сохранят изображение, название и выделение выбора.

Откуда берётся доплата?

Из значения цены, которое Tilda передаёт полю опции. Мод отображает его в карточке; валютную подпись задайте в конструкторе.

Почему у опции нет фотографии?

Проверьте совпадение её названия с настройкой в конструкторе и доступность прямой ссылки на изображение.

Это тот же мод, что и свойства товара?

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

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Может пригодиться вместе

Made on
Tilda