Фиксированная плашка товара — генератор кода

Версия для отдельной карточки товара ST205 с классом .t762 и штатной кнопкой покупки .t762__btn. Всплывающие карточки каталога, Zero Block и другие блоки требуют отдельной адаптации.

Выберите момент появления, отступ под меню и оформление. Цвета, размер фото, шрифтов, отступов и скруглений можно менять в полях. Нажмите «Посмотреть пример работы кода» над настройками, чтобы открыть видео с примером работы модификации. Для мобильной версии включите соответствующий флажок: ниже 960 px плашка станет компактнее.

По умолчанию название, фото и цена подтягиваются из товара. Рассрочка — необязательная текстовая подпись с ручным заполнением. Не включайте одну общую сумму рассрочки для разных товаров. Для одного блока выберите его ID из окна «Настройки» в Тильде.

1. Удалите предыдущую модификацию верхней плашки или фиксации информации, если она установлена для того же товара.
2. Скопируйте готовый код и добавьте его в блок T123 под ST205.
3. Сохраните и опубликуйте страницу. Проверяйте опубликованный адрес.
4. Прокрутите страницу, смените вариант товара и проверьте актуальную цену. Нажмите кнопку в плашке и убедитесь, что в корзину добавился нужный вариант.

Для всех страниц можно разместить один код в общем подвале сайта и переопубликовать страницы. Подключайте только одну конфигурацию генератора на странице. В режиме «Все ST205» плашка относится к последней прокрученной карточке.

Она нажимает оригинальную кнопку карточки товара, сохраняя штатное поведение Тильды. Если исходная кнопка открывает форму или ссылку, плашка выполнит это же действие. Цена и название обновляются при изменениях содержимого карточки. Фактическую работу покупки нужно проверить на вашем опубликованном сайте.

Прокрутите исходную кнопку или всю карточку выше окна — в зависимости от настройки. Проверьте ID, ширину экрана и флажок мобильной версии. Если виден подвал, плашка может быть скрыта выбранной настройкой. Убедитесь, что в карточке есть штатная кнопка. После обновлений разметки Тильды может потребоваться адаптация.