1 мин
Магазин
Light
5
Этот скрипт позволит тебе сделать кнопку "продолжить покупки" внутри корзины на Тильде.
Как сделать кнопку "продолжить покупки" в корзине Тильды?
(cвернуть)
Инструкция
vsl1
v-prev
vcount
v-next
1. Просто добавь на страницу корзину (ST100) и этот мод после неё, с указанием нужных тебе настроек
3. Если будешь делать свои стрелки переключения, то задай css класс v-prev для стрелки назад и v-next для стрелки вперед
4. Если будешь делать счётчик слайдов, то создай текстовый блок и задай ему css класс vcount (Также обязательно оставь пункт показывать точки навигации включенным. Если они тебе не нужны, то просто не создавай для них html-элемент)
5. Размести внизу страницы все остальные зероблоки, которые будут слайдами (их ширина в слайдере будет равна ширине html-элемента слайдера, деленая на количество показываемых слайдов)
6. Если у тебя слайдер с autoscale или не на весь зероблок (100% по ширине по window container), а лишь на его часть, то задай элементам в слайдах выравнивание container window и left top. А также убери для контента отступы слева и сверху, чтобы слайды были прижаты вбок вот так. Иначе все сместится вправо! Просто выдели все элементы и сделай всё как в подсказке тут =>
7. Укажи rec-id всех зероблоков (или стандартных блоков), которые должны быть слайдами через запятую и пробел (без кавычек!)
8. Если будешь использовать автоскейл, то включи его только в самом зеро, в котором у тебя будет слайдер
9. Выбери все нужные тебе функции в генераторе кода и в дополнительных настройках и полученный код вставь в блок т123 сразу после последнего слайда
10. Если хочешь вставить на страницу 2-й и последующие слайдеры, то укажи в генераторе кода порядковый номер слайдера, чтобы отвязать его от остальных и повтори пункты 1-10
11. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"
– Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить
Важно!
undefined
undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
<!--VORON--><!--VR60--><!--settings{"position":"Над кнопкой оплаты","backcolor":"","textcolor":"","bordercolor":"","borderwidth":"","borderradius":"","openpage":""}settingsend-->
<style>.t706 .t-form__submit {margin-top: 15px !important;}</style><script>let fullcartMark = document.querySelector('.t706__cartpage'); document.querySelector('.t706 .t-form__inputsbox .t-form__submit').insertAdjacentHTML('beforebegin', `<div class="t-form-return"><button class="t-submit" style="color:#;background-color:#;border-color:#;border-width:px;border-radius:px;margin-top: 30px;" data-field="buttontitle" data-buttonfieldset="button">Продолжить покупки</button></div>`); if (fullcartMark) document.querySelector('.t706 .t706__sidebar-bottom').insertAdjacentHTML('beforebegin', `<div class="t-form-return"><button class="t-submit" style="color:#;background-color:#;border-color:#;border-width:px;border-radius:px;margin-bottom: 10px;" data-field="buttontitle" data-buttonfieldset="button">Продолжить покупки</button></div>`); function vclosecart(e) { e.preventDefault(); fullcartMark ? (tcart__closeCartFullscreen(), tcart__closeCartSidebar()) : tcart__closeCart()}; document.querySelectorAll('.t-form-return button').forEach(button => { button.addEventListener('click', function (event) { vclosecart(event)})})</script>123Чтобы увидеть пример кнопки, добавь товар заглушку в корзину кликнув на кнопку ниже
Примеры работы модификации