Оформление вариантов товара в Tilda
Как оформить свойства и варианты товара, подключить мод к нужным блокам и проверить покупку.Подробнее о модеСвернуть описание
Оформление вариантов товара в Tilda
Как оформить свойства и варианты товара, подключить мод к нужным блокам и проверить покупку.Что умеет мод
- Расположение свойств строками или вертикальными группами.
- Оформление подписей, иконок и элементов выбора.
- Применение к одному блоку по ID или к нескольким по общему CSS-классу.
- Работа со штатными кнопками и выпадающими списками вариантов.
Как подключить
Подготовьте варианты
Добавьте свойства и значения в каталоге Tilda. В настройках магазинного блока включите показ опций рядом с миниатюрой.
Выберите область применения
Укажите ID одного блока или общий CSS-класс нескольких блоков. Один ID нельзя назначать нескольким блокам.
Настройте оформление
Выберите строки или вертикальные группы. Мод поддерживает штатные кнопки и выпадающие списки, сохраняя выбор варианта.
Добавьте иконки
Вставьте HTTPS-ссылки по одной на строку в порядке свойств. Для пропуска оставьте «-». Иконка дополняет текстовую подпись.
Установите код
Скопируйте итоговый код из конструктора в T123 после выбранных блоков. Опубликуйте страницу.
Проверьте покупку
Переключите вариант, проверьте цену и остаток, затем добавьте его в тестовую корзину. Повторите проверку на компьютере и телефоне.
Что учитывать. Мод оформляет существующие опции и не создаёт каталог или матрицу вариантов. Цены, остатки и выбранный вариант управляются Tilda. Не подключайте поверх другого мода, заменяющего те же опции.
Вопросы и ограничения
Это бесплатный мод?
Да. В каталоге он относится к бесплатным модификациям. Для получения кода войдите в аккаунт.
Будут ли созданы новые варианты товара?
Нет. Свойства и значения нужно заранее добавить в каталоге Tilda. Мод меняет их оформление.
Как применить оформление к нескольким блокам?
Укажите их общий CSS-класс в настройке области применения. Один и тот же ID нескольким блокам назначать нельзя.
Что проверить после установки?
Переключите вариант, проверьте цену и остаток, затем добавьте товар в тестовую корзину. Повторите проверку на компьютере и телефоне.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
