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

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

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

Оглавление

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Сработало!

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

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

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

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

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

5 ответов

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

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

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

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

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

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

Читать »
кейс по разработке сайта для ресторана суши MANUFACT PRO работы
Все статьи
Сайт для ресторана суши: как привлечь больше заказов и увеличить продажи

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

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

Узнайте, как эффективно использовать контент-маркетинг и контекстную рекламу для продвижения бизнеса. В статье рассматриваются преимущества и особенности каждого подхода, а также рекомендации по выбору оптимальной стратегии для привлечения трафика, увеличения продаж и укрепления бренда.

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

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

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

Зачитались?

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