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

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

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

Оглавление

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Сработало!

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

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

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

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

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

10 ответов

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

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

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

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

Другие интересные материалы в нашем блоге
хобби для резюме чтобы выделиться иллюстрация - желтая ручка и бумага
Все статьи
Лучший список хобби и увлечений, чтобы выделить ваше резюме

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

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

После расчёта стоимости в 8 случаях из 10 мы слышим: «Слишком дорого. Может обойтись услугами одного оператора, взять камеру попроще…». Вычеркивание позиций в смете — не выход. Вот, что можно сделать.

Читать »
Бизнес
Хороший сайт быстро и недорого

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

Читать »
Бизнес
10 причин, почему ваш бизнес нуждается в профессиональном веб-сайте

Узнайте, почему профессиональный веб-сайт важен для вашего бизнеса. 10 ключевых причин от digital агентства manufact.pro, которые помогут вам улучшить онлайн-присутствие и увеличить продажи.

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

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

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

Зачитались?

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