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

БЛОГ MANUFACT

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

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

Оглавление

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Сработало!

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

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

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

Авторы

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

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

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

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

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

Поделиться в telegram
Поделиться в vk
Поделиться в facebook
Поделиться в twitter
Поделиться в pinterest
Поделиться в linkedin
Поделиться в whatsapp

Ответить

Вам будет интересно
Маркетинг в социальных сетях СММ
Все статьи
SMM или способ найти клиентов в соцсетях

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

Читать »
хостинг облачное хранилище иллюстрация
Инструкции
Tilda и белорусский хостинг

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

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

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

Зачитались?

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