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

БЛОГ MANUFACT

MANUFACT это творческое объединение специалистов в различных областях, связанных с разработкой и поддержкой веб-проектов. В нашем корпоративном блоге мы делимся тем полезным, что знаем сами. Знакомьтесь с нами неторопливо и со вкусом, делитесь впечатлениями и узнавайте новое.

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

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Сработало!

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

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

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

Lizaveta Manufact

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

View all posts
Ilia Manufact

Общий опыт Ильи в веб-разработке и SEO продвижении составляет 10 лет. Работает с WordPress, Tilda, Bitrix. Знает CSS, JavaScript, HTML 5. Любит учиться новому и когда всё, а особенно сайты, работает, как часы. Убеждён, что люди изобрели одежду без пуговиц и замков не для того, чтобы мы утруждались. Любит пить чай и кофе из литровой кружки и писать статьи в блог MANUFACT.

View all posts
Vlad Solovey

Директор компании MANUFACT. Несмотря на занимаемую должность, Влад остаётся ведущим разработчиком и принимал участие в 80% проектов в портфолио MANUFACT. Знает HTML, CSS, JavaScript, работает с CMS (Tilda, WordPress). Влад любит, когда всё в порядке, и не любит писать статьи, но всё равно охотно делится неочевидными и полезными знаниями о веб-разработке.

View all posts

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

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

Tilda, Интернет-магазин

ОтветитьОтменить ответ

Вам будет интересно

Все статьи

SMM или способ найти клиентов в соцсетях

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

Читать »

12 января, 2022 Комментариев нет

SEO

Что такое SEO продвижение, что в него входит

Рассказываем что такое SEO продвижение, какие работы в него входят, какие бывают виды SEO оптимизации, а самое главное, почему она занимает так много времени?

Читать »

25 октября, 2021 Комментариев нет

Дизайн

Продающий дизайн против хотелок клиента. Кого слушать

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

Читать »

29 октября, 2021 Комментариев нет

Инструкции

Tilda и белорусский хостинг

Настройка сайта на Тильде в связи с белорусским законодательством. Следуйте закону с помощью правильной настройки DNS.

Читать »

29 октября, 2021 1 комментарий

Ой... закончились опубликованные статьи. Это значит, что мы готовим что-то интересное для вас. Подписывайтесь на блог, чтобы быть в курсе новых публикаций.

Не нашли то, что искали? Воспользуйтесь нашим облаком навигации

Зачитались?

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

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

Оглавление

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