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

Как оформить характеристики товара в Tilda

Из текстовых строк — в пары «название — значение» с подзаголовками и разделителями.
Подробнее о модеСвернуть описание

Что умеет мод

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

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

Текстовые элементыНазвание: значениеКод в T123
  1. Подготовьте текст

    Запишите характеристики обычными строками в одном текстовом элементе: «Название: Значение». Используйте переносы строк, а подзаголовки выделяйте жирным.

  2. Выберите элементы

    Добавьте нужные текстовые элементы из каталога блоков или впишите CSS-селекторы. По умолчанию указаны вкладки товара .t-store__tabs__content — замените область, если нужен другой текст.

  3. Настройте оформление

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

  4. Опубликуйте и проверьте

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

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

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

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

Да. В конструкторе можно выбрать текстовые элементы других блоков или указать собственные селекторы.

Что происходит со вторым двоеточием в строке?

Разделение выполняется по первому. Оставшаяся часть строки остаётся значением характеристики.

Как добавить подзаголовок?

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

Подходит ли мод для таблицы из трёх колонок?

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

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

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

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

Made on
Tilda