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

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

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

Читать »
Все статьи
Как изменить внешний вид сортировки товаров (порядка товаров) на Tilda в любом товарном блоке

Подробная инструкция как стилизовать внешний вид полоски сортировки товаров в товарных блоках на Tilda. Простой готовый код для стилизации выпадашки сортировки товаров и инструкция по его использованию.

Читать »
блог рекламного агентства - квиз сайт иллюстрация - статья блога MANUFACT PRO
Интернет-маркетинг
Что такое quiz-сайт

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

Читать »
Стоит ли разрабатывать интернет-магазин на Тильде в 2025 году
Все статьи
Стоит ли разрабатывать интернет-магазин на Тильде в 2025 году

Можно ли создать эффективный интернет-магазин на Тильде в 2025 году? Разбираем все нюансы: от SEO-индексации и функционала до реального кейса успешного переноса магазина.

Читать »
Создание сайта на WordPress - Как создать сайт на WordPress с нуля самому - blog.manufact.pro
Все статьи
Как создать сайт на WordPress с нуля

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

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

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

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

Зачитались?

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