блог диджитал-агентства - тильда иллюстрация - статья блога 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 не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
агентство по рекламе и продвижению - 3D иллюстрация, карта с маркером, маркер на карте, указатель на карте, 3D иллюстрация - MANUFACT PRO
Бизнес
Добавляем компанию на Google Карты в 2023 году

Хотите узнать, как зарегистрировать свою компанию на Google Картах? Мы подготовили подробную инструкцию. Есть нюансы добавления в 2023 году, о которых мы тоже рассказали в статье 😉

Читать »
Все статьи
Хороший сайт — это какой?

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

Читать »
агентство по рекламе и продвижению - иллюстрация Маркетинг в социальных сетях СММ - статья блога MANUFACT PRO
Все статьи
SMM или способ найти клиентов в соцсетях

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

Читать »
блог диджитал агентства - разработка планирование иллюстрация фото - разработать онлайн-курс на тильде - статья блога MANUFACT PRO
Кейсы
Как мы сделали онлайн-курсы на Tilda

Мы попробовали сделать онлайн-курс с лекциями в видео-формате, проверочными тестами и личным кабинетом на Tilda. Рассказываем, получилось ли удовлетворить все эти потребности.

Читать »
обложка статьи - агентство по контекстной рекламе и продвижению - мужчина сидит за компьютером - MANUFACT PRO блог
Интернет-маркетинг
Вопросы про контекстную рекламу, которые хоть раз задавал каждый клиент

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

Читать »
блог диджитал агентства - адаптивный дизайн иллюстрация - MANUFACT PRO
Дизайн
Что такое адаптивный сайт и адаптивный веб-дизайн

Адаптивный дизайн веб-страниц значит корректное отображение сайта на устройствах с различным соотношением сторон. Такой дизайн динамически (в реальном времени) подстраивается под определенные размеры окна браузера.

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

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

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

Зачитались?

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