В карточках товаров на Tilda (блоки ST300, ST305N, ST310N, ST315N, ST320N) кнопка в карточке обычно не работает, если не добавить на страницу корзину (блок ST100). Но что если мы хотим, чтобы кнопка в карточке товаров вела не в корзину? Как привязать кнопку в карточке к всплывашке (popup форме)? Мы посмотрели в код сайта и нашли ответ.
Оглавление
Подробнее про то, как создать интернет-магазин на Tilda читайте в нашей статье Подходит ли Tilda для интернет-магазина?
Если просто удалить корзину и добавить pop-up, кнопка становится не кликабельной и никуда не ведёт.
Мы посмотрели в код сайта. Блок с корзиной имеет ссылку oder. Поэтому вот что можно сделать.
Как мы её решили
Сработало!
Осталось только настроить содержимое формы по нашим нуждам.
Вот такое простое, но неочевидное на первый взгляд решение мы нашли. Пользуйтесь на здоровье.
Какие ещё затруднения у вас возникают при настройке интернет-магазина на Tilda? Пишите в комментарии, и мы обязательно поможем вам разобраться.
33 Responses
Благодарю, помогло!
Спасибо огромное! Только это и помогло)
Здравствуйте. А как быть, если вместо корзины на сайте нужны 2 разные формы?
Скорее всего никак. Потому что создатели платформы лучше вас знают, что вам нужно использовать и каким образом и абсолютно, нисколько не связывают вам руки ограниченным функционалом стоковых блоков и отказом от поддержки модификаций, часть из которых отваливается из-за слабого движка)
Всё зависит от каждой отдельной ситуации. Если вы поделитесь более детальным описанием задачи я уверен мы найдём решение 🙂
Спасибо большое за данное решение! Единственное на просторах и интернета, которое помогло!
Есть вопрос: допустим на странице одной есть 2 блока с разными карточками товаров. 1-ый это блок с направлениями. 2-ой это блок с ближайшими мероприятиями.
Если использовать ваше решение, то pop-up подвязывается абсолютно ко всем кнопкам «Забронировать место».
А как сделать так, чтобы в одном блоке выскакивала одна форма, а во втором другая?
Рады, что вы нашли нашу статью)
По поводу вашего вопроса. Как вариант — можно сделать промежуточное всплывающее окно, которое будет переносить клиента в нужное. Или постараться унифицировать форму так, что бы она подходила под все блоки сразу добавив например в форму поле с выпадающим списком где клиент выберет то, что ему нужно. Но к сожалению прямого решения на данный момент нет!
Хотелось бы добавить свои дополнительные кнопки и блоки в попап-карточку товара. Когда в блоках магазина ST305N, ST320N… демо каталог — все получается, но как только включаешь свой каталог товаров — все пропадает и никак не вставить ничего. Спасибо.
Для этого вам поможет код наших «коллег по цеху» так сказать 🙂
mo-ti.ru/prodpopupbtn
Но если хочется добавлять именно блоки в шаблон карточки товаров, то тут уж нужно разбирать каждый отдельный случай.)
Здравствуйте! Сделала по вашей инструкции, сработало, но содержимое по итогу отображает шаблонное, т.е то наполнение в блоке BF502N, которое идет по умолчанию и при изменении под мои запросы, сохранении, публикации и перезагрузке — не меняется( Как быть? Помогите, пож-та
Добрый день! Это скорее всего связано с проблемой публикации изменений. Рекомендуем ещё раз пройтись внимательно по каждому шагу, обязательно перепроверить не дублируется ли всплывающее окно на странице (Нет ли на странице одинаковых всплывающих окон с одинаковыми #), и если не поможет, то проще всего просто обратиться со ссылкой на нашу статью и скриншотами результатов в тех.поддержку Тильды в вашем личном кабинете. Они очень быстро отвечают 🙂
Наш способ уже достаточно древний, в ближайшее время мы постараемся выпустить обновленные инструкции на тему работы с корзиной.)
Тупо красива сделали пацаны жесть
Спасибо, добрый человек!
Сработало! спасибо за подсказку! другие за такое деньги берут, а у вас бесплатно ❤
Рады, что помогло! Спасибо за комментарий
Доброго дня. Zero block st100 с корзиной находится в хедере. Добавляю дополнительные поля для оформления заказа, сохраняю изменения, но ничего не обновляется. В чем причина?
Если вы использовали именно настройку страницы Header через настройки сайта. То после внесения любых изменений в блоки которые находятся в Хедере необходимо сначала опубликовать хедер, после переопубликовать все страницы с помощью соответствующей кнопки в панели Tilda.
Должно помочь)
добрый день! подскажите пожалуйста, а в этом блоке (ST310N) можно сделать так, чтобы вторая кнопка, которая остается в попапе для добавления товара в корзину, вела на другую страницу сайта?
Да, во вкладке контент в блоке в поле «ССЫЛКА ДЛЯ КНОПКИ И КАРТОЧКИ ТОВАРА» можно выбрать «Ссылка на страницу», тогда появляется поле для ввода ссылки.
Здравствуйте. Тоже столкнулась с этой проблемой. Блок st310n Поле для ссылки есть только в карточке (не в попапе), когда товары записаны в блоке, не в общем каталоге. Если выводить каталог, то кнопки меняются на «Подробнее о товаре» и «добавить в корзину». А хочется подключить каталог (тогда все цены и варианты выводятся в карточку) и ссылку на сторонний сайт (сервис онлайн-записи на услуги). Может быть у кого-то есть подсказка?
Для этого вам поможет код наших “коллег по цеху” так сказать 🙂
mo-ti.ru/prodpopupbtn — с помощью него вы сможете добавить отдельную кнопку в каждую отдельную карточку товара.)
Почему то в 320N работает попап только в каталоге товаров, а на странице самого товара уже не работает, хотя ссылка там та же #order
Почему так может быть?
Насколько я понимаю, вы включили настройку отображения страниц товаров вместо попапов. Вам необходимо настроить footer (подвал сайта) и положить ваш изменённый попап именно туда. Если вы настроили подвал отдельно для каталога товаров — то ваш попап необходимо положить туда. Потом на всякий случай 2-3 раза переопубликуйте все страницы кнопкой публикации всех страниц — что бы во всех карточках товаров подтянулся результат.
Здравствуйте а как можно при нажатии на кнопку что бы она перекидывала на мессенджеры? То есть я нажимаю на товар он переходит в попап и там я назвал кyопку заказать. И хотел что бы она перекидывала на Ватсап. А она на данный момент перекидывать jбратно на страницу товаров.
Вы можете воспользоваться следующим кодом 🙂
Вставьте в блок Другое►Т123
Только замените #popup:myform на ссылку вашего ватсапа.)
Не совсем понял, а сам код то где)
И какой блок использовать дополнительно, ведь в Т123 не где поменять ссылку #popup:myform на #order
Если не затруднит, можно чуточку подробнее)))
Спасибо
Извиняюсь, скопировал в буфер обмена а вставить видимо забыл.))
Вы можете воспользоваться следующим кодом 🙂
Вставьте в блок Другое►Т123
$(“.t778 .t-popup a”).attr(“href”, “#popup:myform”);
Только замените #popup:myform на ссылку вашего ватсапа.)
Добрый вечер! Можно ли сделать поп ап с выбором номинала сертификата, чтобы пользователь сразу переходил на страницу с оплатой без перехода в корзину и чтобы вообще ее не было?
Здравствуйте! Да, для этого можно сделать всплывающее окно как тут — и в поле страницы спасибо закрепить платёжную ссылку.)
https://prnt.sc/t2lqcUPfuian — https://jpday.by/
У нас на сайте карточка товара закрывается после добавления в корзину, я так понимаю, они реализованы как всплывающие окна. Хочу добавить возможность регулировать количество, и чтобы из карточки не выкидывало. Есть ли возможность так сделать?
Увы, для этого нужно написать большое количество стороннего кода для замены действия закрытия попапа. Рекомендуем в таком случае включить функционал отдельной страницы товара вместо всплывающего окна, и проблема пропадет 🙂
Чтобы сделать отдельные страницы, перейдите в Товары → Настройки → задайте Хедер и/или Футер для страниц и установите галочку Открывать страницу вместо попапа → Сохранить
Таким образом для каждого товара будет открываться отдельная страница.
Применила инструкцию к блоку ST330 форма появляется, всё отлично. Но товар всё равно добавляется в корзину, которая спрятана за всплывающей формой. Получается, что форма закрывается, а под ней видна корзина с товаром, которую можно закрыть, но у меня как у клиента началась бы паника))
Верно, тут к сожалению либо корзина, либо всплывашка. На странице нельзя оставить и то, и другое при применении этой инструкции. Т.е. удалите блок корзины со страницы.)