Избранное в Tilda: ST110, поиск, статусы и заметки

Избранное помогает отложить выбор: покупатель сохраняет товары и возвращается к ним позже. Когда подборка становится большой, одного списка мало. Разберём базовое подключение ST110, открытие из своей кнопки и сценарий с поиском, заметками и статусами — без обещаний синхронизации, которой у этого решения нет.

Добавьте ST110 на страницы магазина с товарами. Этот блок отвечает за штатное избранное Tilda. Если нужна покупка из сохранённой подборки, на странице также должен быть блок корзины ST100.

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

Если отдельный виджет мешает композиции, в дополнительных настройках ST110 можно скрыть его кнопку. Своей кнопке или иконке назначьте ссылку #showfavorites — она открывает штатное избранное.

Сам ST110 должен остаться на странице. Скрытие кнопки виджета и отсутствие блока — разные ситуации. Для общего header проверьте открытие на нескольких страницах: одинаковая шапка не означает, что везде добавлен нужный блок магазина.

Для иконок, суммы и счётчиков в авторской композиции есть отдельный мод корзины и избранного в Zero Block. Не рисуйте неизменяемое число товаров в шапке: посетитель воспримет его как настоящий счётчик.

Обычного ST110 достаточно для простой подборки. Избранное Pro пригодится, когда покупатель сохраняет много товаров и хочет организовать выбор: найти нужное, оставить пояснение или назначить статус.

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

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

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

В адаптивах можно задать параметры для своей ширины экрана; пустые поля наследуют основные значения. Проверьте длинное название товара и заметку в несколько строк: интерфейс должен расти вместе с содержимым.

Скопируйте код в T123 после избранного и опубликуйте страницу. Прежнюю версию этого же мода заменяйте целиком. Если другой скрипт уже перестраивает те же карточки ST110, сначала проверьте совместимость; несколько модов оформления могут спорить за одни стили.

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

У стандартного избранного Tilda есть собственная настройка срока хранения товаров. Проверяйте её отдельно от поведения заметок и статусов: наличие сохранённой заметки не заменяет товар и не подтверждает его доступность.

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

Для сравнения свойств товара используйте таблицу характеристик во вкладке. Для вопросов об оплате и доставке — FAQ с поиском и ссылками на ответы.