Корзина товаров для лендинга или любого html сайта + прием платежей, в описании готовый js скрипт
Vložit
- čas přidán 24. 08. 2024
- #webflow #вебфлоу
Сегодня вы получите готовый скрипт корзины для абсолютно любого html сайта (будь то лендинг или даже маленький интернет магазин), так же я покажу, как можно сделать онлайн оплату товаров, реализовав прием платежей прямо на сайте. Скачать готовый скрипт корзины можно по ссылке ниже. А установить и настроить ее можно благодаря видео, которое вам нужно посмотреть от начала и до конца, что бы не осталось никаких вопросов и проблем с установкой корзины.
Ссылка на готовый скрипт с видео: drive.google.c...
Ссылка на оригинал статьи по которой снято видео smartlanding.b...
Заказчики частенько просят установить возможность добавлять товары в корзину как на обычных landing page, что бы человек мог за раз добавить несколько товаров в корзину и просто оставить одну заявку, а не пару штук, в случае покупки через обычные формы.
Теперь вы сможете это сделать, да первый раз вам процесс установки корзины и настройки ее стилей под ваш дизайн может показать сложным, но при последующих установках все будет намного проще и быстрее!
В данном видео я ставил корзину, на сайт сделанный в webflow. Это супер сервис для создания полноценных сайтов без знания кода, при этом они имеют чистый код (будто написанный вручную) и данный сервис не является конструктором, это именно способ ускорить ручную верстку в разы, при этом даже не умея верстать вручную и не зная код. Именно работе на данном сервисе я обучаю на своем канале.
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog...
- Индивидуальное обучение freelance-blog...
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog...
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - artstrangers@gmail.com
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog...
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog...
👉 • Материалы для уроков - freelance-blog...
👉 • Индивидуальное обучение - freelance-blog...
•••••••••••••••••••••••••••••••
Здравствуйте! Спасибо, долго искала видео с данной темой. Ваше видео очень пригодилось !
Здравствуйте, я рад что видео пригодилось, это отлично 👍
Здравствуйте, Дмитрий,спасибо за полезное видео! Возможно со следующей недели попробую начать сайт с корзиной!
Здравствуйте 👋 отличная новость! Обучать вас кайф! 😊
Классный урок! Очень полезный
Спасибо за комментарий! Рад что полезно)
@@freelance-pro подскажи пожалуйста, как мне сделать 4 карточки товара в один ряд? я пытался просто скопировать код одной карточки товара, и потом его продублировать, и у меня получались все карточки друг под другом. А я хочу что бы 4 карточки были в один ряд. как мне это сделать?
Флексбоксами горизонтальное выравнивание
ох вот это отличный урок)
О да, его так давно все ждали))) да и сам я долго к нему шел, рад что наконец выпустил его))
Видео хорошее. Автору желаю ещё больше творческих открытий.
Спасибо))) очень приятно
@@freelance-pro Мне удалось оставить ссылку регламента и добавить кнопку покупки отдельно. Конечно пришлось повозиться в коде.
Ну, тоже вариант
Все супер! Очень нужно розобрать отправку форм
Пока на неё времени нет, а то нужна там консультация программиста, что бы делать инструкцию
Ответьте, кто разбирается:
Какие платёжные системы отправляют уведомление об оплате товаре не на URL адрес сайта, а на электронную почту, например Gmail
Мне это нужно, потому что получать уведомление на электронную почту легче и для этого не нужен сайт.
Помогите пожалуйста, кто разбирается в этом
Гуглить пробовали? Чат джипити спрашивать?
Благодарю за урок!
Пожалуйста 😉
Вижу был ещё комментарий от вас, с просьбой помочь, но что-то он не открывается, видимо вы его удалили?
Вы очень помогли❤
Ну классс))!
пожалуйста, подскажите, что делать если при добавлении товара в корзину надпись корзина пуста не исчезает и просто располагается ниже товаров
Нужен программист вам я дизайнер
также
Разобрались?
Дмитрий, запишите урок, как отправлять письмо на электронный ящик из формы этой корзины. Наверняка есть тонкости какие-то
Да, запишу, подписывайтесь на канал и следите за обновлениями
@@freelance-pro А когда ждать видео? Либо хотя бы скажите что менять в файле config.php
Я не программист, я дизайнер в гугле поищите как настроить отправку почты smtp
@@WhiteAfuRevlish Лучше самому написать код, в два раза быстрее и легко. В SMTP, есть свои подводные камни.
Можно и так
Супер, спасибо за урок! Присоединяюсь ко всем тем, кто просил урок по настройке отправки письма именно из данного архива... А так же вопрос: нет ли совета где изучить (и не планируется ли такого видео) как к такой работающей корзине и вообще всему сайту сделать возможность владельцу этого сайта редактировать товары и добавлять новые? То есть сделать простенькую CMS которая позволит это делать? Минимальный, но удобный, функционал, максимальная польза. Что бы домохозяйка с магазином пряжи смогла справиться :) :)
Пожалуйста 😉 касательно отправки форм, постараюсь сделать, а вот по поводу добавления товаров есть готовое решение опен карт тот же например.
Как же не нужно, я всегда делаю её дизайн и верстку, а дальше программист оживляет функционал на опенкарте или другим способом который нужен клиенту
Когда кликаешь оплатить хочу чтобы выскакивалась форма с картой что бы человек мог бы мне сам сразу заплатить за торар своей картой
Тогда нужно сделать попап (модальное окно) которое будет всплывать при клике по кнопке, есть несколько видео на канале на эту тему, пишите в поиске на канале слово "форма" и жмите на энтер
Здраствуйте у меня проблемы с выводом общий стоимости которая внизу пишет везде NaN, помогите пожалуйста(((
Начните сначала и повторяйте все с видео 1в1 это быстрее, чем найти ошибку в коде.
Где данные в цифрах, это поле артикул. Именно здесь нужно обратить на свойства поля в БД ил ввода цифр. Обычно в БД цифры хранят как INT, а нужно хранить VARCHAR. Всё будет работать на ура.
👍👍👍
здравствуйте, разобрались с этой проблемой?
Тоже интересно 🧐
Добрий ранок. У статті по якій ви робили це відео написано, що цей скрипт більше не підтримується. Запитання -- цей скрипт ще працює?
Да он работает но не поддерживается что значит отсутствие доработок и обновлений в будущем
Працює? Хочу спробувати для свого магазину.))
Краще найміть программиста та не мучтесь якщо ним самі не являєтесь
Пересмотрел кучу подобных скриптов, ни в одном не учитывается количество товара в наличии. Может кто поможет, нужно в прайс (таблицу) сделать подобную корзину, но с кол. товара и минусовать заказанный. CMS ставить не хочу.
Вам нужен программист самостоятельно такое сделать сложно на если надо то чат джипити может помочь 😉
Здравствуйте! Помогите мне с проблемой, вставил (Выбор количества) но кнопки никак не реагируют и ничего происходит. Из-за чего это может быть ?
Напиши
И там пиши жава скрипт код
Видимо все таки что-то сделали не как на видео, нужно попробовать по новой и должно получится главное 1в1 делать как на видео
Так не сработает, пропущен слэш зарывающего тега скрипта надо так
тут собственно код скрипта
@@freelance-pro после того как вы вставили на видео выбор количества он сразу же работает и кнопки переключения количества работают. У меня сама форма появляется, но она не кликабельна((
Значит что-то сделали не так
Спасибо никак не мог найти информацию как сделать корзину ваш урок помог. Еще бы я хотел узнать а когда выйдет примерно, видео как добавить еще отправку на почту ?) На сайте автора что то не хочет работать почта
Пожалуйста 😉 так то видео не особо активно просили, я его пока даже не снимал, но раз есть спрос то сделаю, ориентир его выхода ближайший месяц
@@freelance-pro спасибо, буду очень ждать его. А то нужно защищать дипломную в колледже 😅😅
👍👍👍
@@verho1041 хахах++
Разобрались?
У людей которых общая сума обозначалась NaN, сделайте следующее:
Найдите строку в Js фале - let r = t(this).data("sbId")
Замените 2 строки на - let r = t(this).data("sbId").toString()
Спасибо что помогаете в комментариях! Это супер))
Спасибо большое.
Выручил.
Спасибо большое!!!!
Здоровья тебе, кучу времени мне спас
Не помогло(( Подскажи, в чём дело? При добавлении товара в корзину, счётчик обнуляется, нажимаешь на плюс два раза, только тогда начинает работать и считать после 2х
нужно просто счетчик добавить , а если он не нужен, то скрыть классом (дисплей:ноне). Но добавить обязательно, иначе не будет работать корректно
Привет, не знаю прочтешь ли ты этот комент, но у меня почему то в корзине что бы товар показал количество нужно добавить 1 и потом убрать ) а изначально цифр в поле нет...
Здравствуйте, судя по удалённому комментарию уже разобрались, и это хорошо
привет, как решил проблему?
@@freelance-pro привет, такая же проблема. Как решить подскажи пожалуйста?
Найти программиста и он все решит, я дизайнер, ссылка на автора скрипта в описании к видео
Подскажите, как решить эту проблему?
Отличное видео, помогло, но я как-то пропустил, как добавить товар, чтобы не писало, что товар уже добавлен в корзину?
Пожалуйста! 😊 если проблемы с кодом тогда вам нужен программист
Здравствуйте! Подскажите почему не появляется корзина на сайте и можете показать хеадер?
Здравствуйте, корзина не появляется, по одной из причин: 1. Вы ее не добавили на сайт. 2. Вы добавили но открываете не ту страницу. 3. Вы не правильно добавили и в процессе допустили ошибку. Хедер показал тут 👉 Как сделать хедер на webflow. Верхняя часть сайта, с логотипом и контактами, а так же меню. Урок №7
czcams.com/video/3hulkt6sikI/video.html
А как правильно подключить корзину?@@freelance-pro
Посмотреть данное видео и повторить или найти программиста и поручить это ему
Добрий день. Чи є можливість додати додаткові поля вводу данних клієнта, наприклад, поштовий оператор, адреса... І як це зробити? Дякую
Да все можно, для реализации нужен программист
Здравствуйте, а вы случайно не знаете, как сформированный заказ записывать в БД, если кто-то может помочь буду признателен.
Вам нужен программист
очередной контент ценностью на золотую кнопку ютуба, но нет даже тыщщи. Надеюс через годик-два я буду из тех, кто пишут комменты, про "а я тебя с 666 подписчиков помню" )
Спасибо за такую годноту!
Спасибо за поддержку! Тоже возлагаю большие надежды на данный канал, столько времени на него ушло, это капец))) но мне в кайф, ...эх скорее бы ютуб начал любить мой контент и рекомендовать людям)))) в любом случае я не сдамся и буду дальше вас радовать полезными видео!
@@freelance-pro merci!
Пожалуйста ☺️
Добрий день. В якому з ваших відео є налаштування відправки пошти з кошика? Дякую
Я не программист а он вам нужен
Спасибо!!!!!
Пожалуйста 😊
Привет, спасибо за урок. Вопрос - а каких то альтернатив создать корзину (интернет-магазин) через вебфлоу нету? Только вот так кодом?
Недавно начал изучать вебфлоу после тильды, и так понимаю, создать интернет-магазинчик без знания кода не выйдет используя вебфлоу?
Возможно у вас есть какие-то ещё уроки или материалы по добавлению корзины для сайта созданного на вебфлоу?
Здравствуйте 👋 пожалуйста 😉)) касательно корзины, мы дизайнеры, делаем клёвый дизайн, у нас и так вёрстка в подарок, обижаем верстальщиков, забираем их хлеб)) зачем же ещё и у программистов работу отнимать? Лично я корзины не ставлю, просто записал ролик, что вот можно. Не стоит распылятся на все подряд, делайте продуманный визуал и верстайте, тогда будите хорошо зарабатывать, за всем погонитесь нигде профи не станете)) это я к тому, что если вы не программист, то вы и не должны делать корзину! А если все таки нужно, то есть стороннийе сервисы, погуглите корзина для сайта их много, через них все проще, но они платные. Хотя клиенту платить за удобство норм дело.
@@freelance-pro
Понял
Спасибо
Пожалуйста 😉
@@freelance-pro Я как и Дмитрий привык делать все под ключ на Тильде, поэтому искать еще программиста так себе идея, потому что заказчику нужно меньше движений...
+ мне всегда прогеры дибилы попадались которые срывали сроки или чего-то не смогли сделать... И это я не искал подешевле прогеров, просто не везло никогда мне с ними, да и часто в чатах читаю что дизайнеры жалуются что прогеры идиоты... Ну не суть, мне кажется делать ленды и магазины должен уметь дизайнер-верстальщик на Webflow, это как базовый набор, ведь богом дано то что не нужно верстать кодом... Я думаю для прогеров найдется более сложная работа... Напрмиер Джумла, Опенкар, Вордпресс и т.д Ведь без навыков программирования там нечего делать!
Да, можно и так
спасиба вам video
Рад что понравилось 🙂
Подскажите, а видео с настройкой отправки писем на почту еще не вышло?
Нет
здравствуйте! А можно ли отправку уведомления о заказе реализовать средствами javascript?
У меня хостинг-пакет для обычных html-сайтов, но вот php-скрипты не поддерживаются для пакета на 300 Мб.
Было бы неплохо, если бы можно было это все привязать к такой замечательной корзине!
Спасибо!
Да можно, пожалуйста
@@freelance-pro а есть реализация данного чуда!? 🤗🤗👍
Вам сможет помочь программист, или чат джипити, я же дизайнер 😉
Общая цена работает в корзине,а общая стоимость когда плюс минус нет... Никто не сталкивался?
Обратитесь к программисту и он все решит, самостоятельно уйдем много времени
Здравствуйте! Данный шаблон работает только для одностраничного сайта или можно использовать для многостраничного? Столкнулась с тем, что при переходе на другую страницу сайта товары из корзины пропадают.
Здрастуйте, вам нужен программист он все реализует 😉
Покажите пожалуйста как настроить отправку на почту
Найти программиста я же дизайнер 😉
Непойму почему не включается. В коде страницы начиная с $(function всё подсвечено черным
Делайте все 1в1 как на видео, где-то допустили ошибку или опечатку, скорее всего.
@@freelance-pro да, уже разобрался, спасибо) но появился другой вопрос)) не могу понять как включить отображение самой корзины как у Вас справа вверху
Ну опять таки все делать как на видео и тогда у вас получится результат аналогичный моему.
Подскажите, Вы на 15.50 мин преобразовываете файл CSS из одной строки в читабельный код в столбец. Какая комбинация клавиш используется?
Это плагин который уже перестал работать используйте онлайн сервисы поиск в Гугле поможет 😉 запрос онлайн форматирование css
@@freelance-pro Понимаю. Сначала искал, потом спросил)) Как вариант, через Поиск в программе искать нужный класс, отделять его и изменять. Использую Sublime Text.
Ну то муторно и долго сервисы делают за секунду все это
А корзина идёт уже готовая или нужно так же как в видео добавлять?
Ссылка в описании на видео все показано и сказано
Спасибо Дмитрий. но я хочу переместить картинки в корзине на другую страницу как это делается
Ссылка на автора скрипта в описании к видео ролику. Я его не писал, я вообще дизайнер))
@@freelance-pro ok
Разобрались?
А как разделить товары между собой повторил весь но начал применять на другие товары и они все вмести и цену добавляю и выбор точно так же
бывает
Здравствуйте, а это может быть, из-за того что сайт сделан без хостинга? Собственная вёрстка. А как правильно подключить корзину
Сайт и должен быть сделан без хостинга, собственная верстка это не плохо, а как правильно подключить корзину тут уже или найти программиста и поручить это ему или самому стать программистом, можно еще чат джипити понапрягать или попытаться сделать то что показано на данном видео
Как платёжную систему установить на сайт? На какой минуте видео смотреть?
Я там просто ссылку ставлю, при клике открывается страница где можно оплатить товар, там нет никакой установки как таковой)))
В конце а на какой минуте, уже сами поищите)) я ж не помню как там и когда что-то делал, давно же было.
не могу найти ссылку на ваш сайт (репозиторий)
Все ссылки в описании к видео
Потратил 2 часа впустую, скрипт некорректно работает
Значит сделали что-то не так)) у меня же работает
всё работает!
Вот именно
Пожалуиста, запишите урок как отправлять письмо из Корзины
Этот урок есть в очереди, ждите, как дойдёт то него очередь то запишу
@@freelance-pro окей. Жду)
Если что быстрее будет в гугле написать "отправка формы через smtp" и настроить все по инструкции, а то я не программист и могу сам там напутать, я к слову корзину сам не ставлю, это делает всегда программист, просто решил показать на видео, что это возможно и в целом не так сложно.
Я сделал сайт. там я не смог. Спасибо за видео
Там это где? Что именно вы не смогли? А так то пожалуйста 😉
как сделать отправку форм из этого архива, если кто-то узнал, то обьясните пожалуйста, незнаю даже что делать, полностью адаптировал все с этой корзиной, а если не получится отправлять формы, то даже и не знаю что делать.
Вам нужен программист
подскажите пожалуйста, как в data-sb-curent-price добавить символ валюты? если добавляю внутрь data-sb-curent-price то пишет NaN, так как
можно, только, число вставлять
Вам нужен программист
Добрий день підскажіть як настройти php .
Что именно хотите настроить?
Як настроїти відправку форми на почту.
@@freelance-pro Як настроїти відправку форми на почту.
Тут все показано тариф за 12 freelance-blog.com/webflow/
у меня не открывается не читает файл
Печально((
Кто сделал отправку письма, подскажите как пожалуйста???
У меня не работает((
Вам нужен программист я дизайнер
Але як саме реалізувати цей скрипт на різних сторінках? Яких механізм? Напевно, тереба щоб об'єкт, наприклад , карточка товару, на різних сторінках мав один клас. Так?
Нужен программист 👨💻 он все и сделает
не работает ничерта отправка на почту, выдает ошибку Failed to load resource: the server responded with a status of 500 () , ненавижу чертов php, вечно с ним какой-то геморой
Тогда используйте js вместо php, для написания кода привлечите чат джипити или живого программиста))) 😉
Чи є можливість використати цей скрипт для багатосторінкового сайту? Що я маю на увазі. Наприклад, щоб він працював не тільки на сторінці загального каталогу або ж якоїсь певної категорії , а також на сторінках інших окремих категорій, і на внутрішніх сторінках окремого продукту
Да
а код в архиве точно рабочий? просто в корзину товары не добавляются больше одного, так и в конечной форме
суммарная стоимость не просчитается?
Я не программист я дизайнер 😉
@@freelance-pro написать 1100 строк на Js, мог только программист. А во-вторых, хотел добавить такую штуку, чтобы выбирался не размер, и изменялась цена, а к примеру опт и розн, и при выборе опт подставлялось мин. число, так ты код так написал, чтобы это внести, нужно его сначала читать, чтобы разобрать всю логику и где-там что меняется и от чего зависит. Код работает, если есть поля, размеры и выбор количества)
Я не писал этот код 😉 вы видео наверное смотрели с перемотками)) повторю я дизайнер
У всех получилось ?
Ну если на видео у меня получилось то и у вас должно)
Доброго времени суток!!!!
Как реализовать максимальное значение в корзине ?
Заранее спасибо !
Программист нужен
Как добавить новое поле данных при покупки?
Обратится к программисту 😉
Здравствуйте, можете настроить мою корзину?
Нет, я не программист я дизайнер))
Подскажите, а видео с настройкой отправки писем на почту еще не вышло?) А то уже несколько дней не могу настроить все это
Нет не вышло, в описании к видео есть ссылка на сайт автора скрипта у него спросите или может в той статье будут ответы на ваши вопросы, поскольку я дизайнер, а не программист, просто показал на видео то, что никто почему-то до меня не снимал)))
добрый день, решили вопрос с отправкой формы на почту? можете мне помочь?
freelance-blog.com/webflow/
а сейчас как подключать оплату для России?
В поиске на канале написать слово оплата и нажать энтер и найдете нужное видео
Извините, как сделать личный кабинет для сайта
Сделать дизайн и верстку а потом программист оживит функционал
топ ,сильно помог . Благодарю !
Привіт. Можете допомогти, типу в корзині не відсвічується не ціна, ні фото, тільки пуста корзина
Пожалуйста! 😊
программист нужен вам
Надеюсь вы мне ответите, это на локальном сервере работает?
Да
@@freelance-proспасибо ❤
Пожалуйста 😊
А какие кнопки надо нажать чтобы код стал читабельнее?
ctrl+shift+F
есть онлайн сервисы, если погуглить найдете много
Можно сделать поиск по сайту ?
Да
@@freelance-pro Дмитрий у вас есть урок на канале как сделать поиск на сайте ?
Спасибо Дмитрий, отличные уроки у вас на канале. Не могу найти урок как сделать поиск на сайте. Скажите пожалуйста , у вас есть урок на канале как сделать поиск по сайту ?
Нет для этого нужен программист
Здраствуйте! Скрипт больше не поддерживается?
Я не создатель скрипта, но все таки уточню о какого рода поддержке идет речь?
@freelance-pro На оригинальной статьи по которой снято ваше видео, несколько раз объявили, что скрипт не поддерживается. По каким причинам мне неизвестно. Но сам на практике убедился, что к сожалению это так.
Ну тогда так
Какой скрипт для создания корзины посоветуете выбрать?
Найти программиста он выберет сам
А хде тут касательно приема платежей ? ;)
Если видео смотреть и не перематывать то увидите
Покажи отправку на почту пожалуйста)
Ок, сниму про это видео!
@@freelance-pro и если можно с исходниками, сколько уже маюсь с этой корзиной но она не отправляется на почту(
Напишите автору скрипта, ссылка на него в описании к видео, может он поможет
@@Lonely_St здраствуйте, вы решили вопрос с отправкой формы на почту?
можете мне помочь?
Разобрались с отправкой на почту?
Голос на дотера ns немного похож ы
Может быть, надо послушать будет, интересно))
без вашего кода вообще не получатеся к сожалению
Найти программиста который допилит не проблема)) я же не программист а дизайнер который работает на webflow на обучении которого сейчас и сосредоточен на канале, у меня канал не про программирование, а видео снял поскольку не нашёл в интернете русскоязычном такого, вот и записал)) будет время запишу продолжение, а сейчас время уходит на более приоритетную сферу - вебфлоу!
@@freelance-pro да нет. Ваш код изначальный. Без него уже второй день не получается сделать нормально. Сам скрипт корзины рабочий же
А ну тогда ок, я то думал, что-то не так))))
тянул как мог
Вас за ухо смотреть это видео?
Видео и корзина классная, но очень много воды, можно было все сжать до минут 40. но спасибо)
Можно было сжать и потерять всех новичков, которые бы закрыли видео, нет спасибо, они моя целевая аудитория)))
Спасибо. Сложно)
Да, новичку в этом всем сложно разобраться, да и не факт, что нужно. Пускай такими штуками программисты занимаются, а мы будем делать дизайн и кайфовать от этого (ну и вёрстка ещё автоматом в подарок будет) я вот такого мнения))
@@freelance-proА если нужно?))) Дизайн сделаю. А разбивка на категории, привязка почты, корзина😱
Ну вы делаете дизайн и верстку а дальше работает программист)) в чем же тут проблема?
корзина работает только после обновления
После обновления чего?
@@freelance-pro будет обновлено (refresh
)
@@freelance-pro Если просто добавить 1 товар в корзину то цена будет 0 если 2 товара то всё нормально....Также при добавление одного товара, цифра количества появляеться только после обновления страницы
А на видео не так?
@@freelance-pro также