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