блог диджитал-агентства - тильда иллюстрация - статья блога MANUFACT PRO

Как добавить всплывашку вместо корзины в карточку товара Tilda

В карточках товаров на Tilda (блоки ST300, ST305N, ST310N, ST315N, ST320N) кнопка в карточке обычно не работает, если не добавить на страницу корзину (блок ST100). Но что если мы хотим, чтобы кнопка в карточке товаров вела не в корзину? Как привязать кнопку в карточке к всплывашке (popup форме)? Мы посмотрели в код сайта и нашли ответ.

Оглавление

Подробнее про то, как создать интернет-магазин на Tilda читайте в нашей статье Подходит ли Tilda для интернет-магазина?

В чём проблема

Как нам сделать так, чтобы вместо корзины по кнопке открывалась форма для заполнения?

Если просто удалить корзину и добавить pop-up, кнопка становится не кликабельной и никуда не ведёт.

Мы посмотрели в код сайта. Блок с корзиной имеет ссылку oder. Поэтому вот что можно сделать.

Как мы её решили

Шаг 1

Добавить форму под карточки товара.

Важно: добавить именно после карточек товара, иначе кнопка работать не будет.

Шаг 2

Поменять ссылку #popup:myform на #order. Опубликовать страницу заново.

Шаг 3

Перезагружаем страницу и проверяем результат.

Сработало!

Осталось только настроить содержимое формы по нашим нуждам.

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

Какие ещё затруднения у вас возникают при настройке интернет-магазина на Tilda? Пишите в комментарии, и мы обязательно поможем вам разобраться.

Спасибо за внимание.

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

13 ответов

  1. при клике открывается и форма и корзина, накладываясь друг на друга.. Как убрать корзину, чтобы открывалась ТОЛЬКО форма?

    1. Попробуйте выключить блок с корзиной, нажав на кнопку “Спрятать” (Shift+H). Если вы у формы также поставили ссылку #order, то всё заработает корректно – откроется только форма

  2. Единственный момент: когда человек заходит на страницу товара напрямую по ссылке на него, а не из каталога, кнопка вообще не появляется. Как тут быть?

    1. Тогда необходимо добавить Header или Footer каталога товаров в настройках каталога товаров и туда сложить все блоки связанные со всплывающим окном включая код. Это должно помочь если я правильно понял суть проблемы.)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
Бизнес
Хороший сайт быстро и недорого

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

Читать »
Все статьи
Как сделать любой блок закрывающимся по клику на любой элемент на Tilda

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

Читать »
обложка статьи - агентство по разработке сайтов- zero code что это, no code что это иллюстрация - блог MANUFACT PRO
Разработка сайтов
Разработка без кода? Как заработать на No code

Если вас интересует профессия разработчика, но нет возможности учить язык программирования, то вы все равно можете создавать IT-продукты (сайты, приложения). Подробнее о No code:

Читать »
блог сео агентства - редирект иллюстрация - статья блога MANUFACT PRO
SEO
Вреден ли редирект для SEO сайта

Про редирект, его типы и когда уместно их использовать. Что такое циклический редирект, как проверить, есть ли он у вас, чем опасен и как устранить.

Читать »
интернет магазин иллюстрация - ноутбук на желтом фоне
Все статьи
На какой платформе лучше всего делать интернет-магазин в 2025 году

Выбор платформы — ключевой шаг для успешного интернет-магазина. Shopify, Тильда, WordPress, Webflow, Magento — что лучше для вашего бизнеса? Разбираем плюсы и минусы каждого варианта, чтобы помочь вам сделать осознанный выбор. 🚀

Читать »
MANUFACT это Digital Agency состоящее из специалистов в различных областях, связанных с разработкой и поддержкой веб-проектов. В нашем корпоративном блоге мы делимся тем полезным, что знаем сами. Знакомьтесь с нами неторопливо и со вкусом, делитесь впечатлениями и узнавайте новое.
Выжимки из наших статей и уникальные материалы мы публикуем в нашем Телгерам-канале. Подписывайтесь, чтобы ничего не пропустить.
Зачитались?

Оставьте свой email и получайте актуальный материал от команды MANUFACT.

НУЖЕН САЙТ ИЛИ РЕКЛАМА?
При заказе сайта в нашей студии, бесплатно настроим эффективную рекламу в Google

Зачитались?

Оставьте нам свой e-mail адрес и получайте актуальный материал от команды MANUFACT