В карточках товаров на Tilda (блоки ST300, ST305N, ST310N, ST315N, ST320N) кнопка в карточке обычно не работает, если не добавить на страницу корзину (блок ST100). Но что если мы хотим, чтобы кнопка в карточке товаров вела не в корзину? Как привязать кнопку в карточке к всплывашке (popup форме)? Мы посмотрели в код сайта и нашли ответ.
Оглавление
Подробнее про то, как создать интернет-магазин на Tilda читайте в нашей статье Подходит ли Tilda для интернет-магазина?
Если просто удалить корзину и добавить pop-up, кнопка становится не кликабельной и никуда не ведёт.
Мы посмотрели в код сайта. Блок с корзиной имеет ссылку oder. Поэтому вот что можно сделать.
Как мы её решили
Сработало!
Осталось только настроить содержимое формы по нашим нуждам.
Вот такое простое, но неочевидное на первый взгляд решение мы нашли. Пользуйтесь на здоровье.
Какие ещё затруднения у вас возникают при настройке интернет-магазина на Tilda? Пишите в комментарии, и мы обязательно поможем вам разобраться.
15 ответов
Благодарю, помогло!
Спасибо огромное! Только это и помогло)
Тупо красива сделали пацаны жесть
Спасибо, добрый человек!
Сработало! спасибо за подсказку! другие за такое деньги берут, а у вас бесплатно ❤
Молодцы, спасибо большое, жаль поздно статью нашел
при клике открывается и форма и корзина, накладываясь друг на друга.. Как убрать корзину, чтобы открывалась ТОЛЬКО форма?
Попробуйте выключить блок с корзиной, нажав на кнопку “Спрятать” (Shift+H). Если вы у формы также поставили ссылку #order, то всё заработает корректно – откроется только форма
Подскажите, в этом случае опции товара не подтягиваются в заявку?
Верно, опции товара будут не видны. В поле ссылки будет видно товар который клиент решил заказать, но конфигурация товара будет недоступна.
Спасибо вам огромное, ребята! Сделала у себя так же по вашей инструкции!
Единственный момент: когда человек заходит на страницу товара напрямую по ссылке на него, а не из каталога, кнопка вообще не появляется. Как тут быть?
Тогда необходимо добавить Header или Footer каталога товаров в настройках каталога товаров и туда сложить все блоки связанные со всплывающим окном включая код. Это должно помочь если я правильно понял суть проблемы.)
Отличный способ! Просто и понятно/ Благодарю!!!
Спасибо за помошь, реально помогло
Сделала общий футер для каталога, добавила в него поп-ап BF502N, задала ему ссылку #order
Здесь же разместила корзину, убрала галочку Открывать корзину после выбора товара
Теперь при клике на кнопку заказать у меня открывается мой поп-ап, а не корзина
Также добавила поп-ап и корзину на общей странице услуг и все также работает. А на страницах где нужна оплата оставила обычную корзину и там сразу она подгружается