Делаем правильные карточки товаров в webflow. Показываю все варианты в одном видео!

Карточки товаров (тарифы, услуги) очень часто добавляются на сайте, если товаров больше трех, тогда нам однозначно нужны карточки товаров. И корзина нам ни к чему, все можно сделать логично и правильно! Это я и показываю на видео, как сделать именно правильные карточки товаров, все самые популярны варианты реализации кнопки покупки на них (сразу что бы ее видно, при наведении на карточку товара, текстовую, как ценник или просто с иконкой корзины).
Так же все это дело мы стильно заанимируем, что бы взаимодействовать с нашим интерфейсом было приятно. Сделаем акцент именно на товаре, логически расставим приоритеты и в конце концов все это заадаптивим. Что бы на мобильных было все четко и правильно.
В итоге у нас будет правильный интерфейс, который можно использовать как на обычных лендингах так и на интернет магазинах.
Ссылка на материалы с видео: freelance-blog.com/webflow/
Там можно узнать как именно делать сайт на 100 внутренних страниц на бесплатном тарифе вебфлоу, как в итоге получить чистый код, что бы сайт выглядел ровно так, как его писал в ручную верстальщик. Там же узнаете, как вставлять сторонний код на все том же бесплатном тарифе, скрывать копирайт вебфлоу и т.д. по всему есть еще и дополнительно видео на канале, так что смотрите и учитесь))
•••••••••••••••••••••••••••••••
- Полезные штуки для webflow freelance-blog.com/webflow/
- Индивидуальное обучение freelance-blog.com/study/
•••••••••••••••••••••••••••••••
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый (для новичка) • Трелло для фрилансера,...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портф...
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по раз...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, беспла...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас - тогда я способен вам помочь! freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта - [e-mail]
Телеграм @artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио - freelance-blog.com/
👉 • Инстаграм - / artstranger.ru
👉 • Бесплатные плюшки - freelance-blog.com/webflow/
👉 • Материалы для уроков - freelance-blog.webflow.io/
👉 • Индивидуальное обучение - freelance-blog.com/study/
•••••••••••••••••••••••••••••••

[@altetsagroup345]

Отличный урок! Учусь по твоим видео)

[@freelance-pro]

Спасибо 😉 рад что полезен

[@user-yp3ms2dr2o]

Спасибо. Слушаю в наушниках. Глубокая ночь. Кто то за стенкой работает перфоратором. Какой ремонт в 4 часа ночи? Только в самом конце понял что звук на видео)))

[@freelance-pro]

Да, микрофон надо менять, одна беда, тут где я сейчас не то что микрофонов... тут аптек нет)))

[@user-yp3ms2dr2o]

@@freelance-pro Нормальный микрофон. Вас слышно прекрасно, звук не плавает.

[@freelance-pro]

Ну это уже хорошо)))) он вроде и правда хорош, даже слишком, слышит даже то что не нужно)))

[@leonid-ukraine]

Можно ли создавши товары и корзину подключить к оплате wayforpay ?

[@freelance-pro]

Да, именно это показано на данном видео kzbin.info/www/bejne/hJy5aX2upMSsfKc

[@user-yp3ms2dr2o]

Дмитрий, а разве не удобней в самом начале делать все в link block. И не перетаскивать в конце?

[@freelance-pro]

Честно, уже и не помню, что и как в том видео делал, я же те карточки создавал на ходу, может и перетаскивал что-то))) главное вам суть уловить, а реализовать задачу всегда можно несколькими способами.

[@user-um6ez2xx4k]

Спасибо большое вам, у меня есть вопрос, звезда почему то идёт вертикально а не горизонтально, где я делаю не правильно?

[@freelance-pro]

Во фоексьоксах вместо хоризонтал у вас стоит вертикал

[@user-um6ez2xx4k]

Спасибо, закончила карточки, теперь не могу сохранить ссылку и отправить, можете объяснить как быть?

[@freelance-pro]

В правом верхнем углу нажимаем паблиш и открываем ссылку в новой вкладке копируем её и можно отправлять, на видео я это часто показываю. Там все интуитивно понятно, метод тыка как минимум должен помочь!

[@user-um6ez2xx4k]

@@freelance-pro спасибо большое вам, желаю здоровья и удачи.

[@freelance-pro]

Пожалуйста 😉 спасибо за пожелания, вам тоже всего хорошего и по больше 😊

[@aidazhumabaeva1482]

Спасибо вам за видео, но умен возникли проблемы при добавление текста почему то у меня карточка увеличивается в длину и текст становится огромным? 😣

[@freelance-pro]

Делайте все 1в1 как на видео, все что сделали удалите и начните с начала, что бы не допустить ошибку. Если удалить нельзя, тогда задайте параметр max-with в пикселях, например 250px ну и подбере нужное значение, для блока в котором находится текст или приходите на обучение и я буду в ыидео формате вам показывать, что не так и как сделать 😉

[@user-tf3dg7qv1l]

Добрый день, Дмитрий, есть ли безболезненый способ подключить платежную систему к вебфлоу? 😅

[@freelance-pro]

kzbin.info/www/bejne/r2qVlqiedpp7aMU

[@polinavoropaieva8070]

Здравствуйте, подскажите, а если у меня 100 товаров, мне нужно делать под все карточки и после для них отдельные карточки с "подробнее"? Нельзя ли как-то добавить их в "продукты" и оттуда выводить? Если у меня постоянная смена товаров и тд, как клиент сможет это все сам изменять? Благодарю, за внимание!

[@freelance-pro]

Если 100 товаров, то вам нужно просто сделать дизайн и верстку типовых страниц (показать только 1 раз все, а не 100) после чего программист интегрирует вашу верску со специализированной CMS и все товары будут добавляться удобно и быстро через админку. Если надо добавить в продукты и оттуда выводить, то он это тоже сделает.

[@polinavoropaieva8070]

@@freelance-pro поняла, благодарю!)

[@freelance-pro]

Пожалуйста 😉

[@pizdecracer]

Есть гайд как добавить систему платежей? Только простой и не сложний,по подробностям

[@freelance-pro]

kzbin.info/www/bejne/r2qVlqiedpp7aMU

[@aiperimakisheva973]

здраствуйте, а можно ли в дальнейшем эти карточки на сайт загрузить?

[@freelance-pro]

Конечно же можно, какой бы смысл с них был, если бы было нельзя))) я на их основе доже в одном из видео показал как корзину устанавливать

[@aiperimakisheva973]

подскажите почему у меня на 9:34 минуте, обычный текст не добавляется во внутрь товара

[@freelance-pro]

Скорее всего глюк вебфлоу, обновите вкладку и все заработает, такое часто бывает даже при съёмке видео.

[@xmarishas]

Здравствуйте! Не могли бы вы подсказать, возможно ли на вебфлоу подключить платежные системы банков снг (Россия, Казахстан, Украина и т.д)?

[@freelance-pro]

Да kzbin.info/www/bejne/r2qVlqiedpp7aMU и kzbin.info/www/bejne/eKCxoIKvj6qAitE

[@xmarishas]

@@freelance-pro спасибо большое 🙏🏻

[@freelance-pro]

Пожалуйста 😊

[@onlymozg6811]

А возможна на веб флоу сделать фильтры для товаров?

[@freelance-pro]

Да, через табы, если их не много, или через сторонний код (сортировка по id) если товаров много

[@onlymozg6811]

@@freelance-pro Спасибо большое!!!

[@freelance-pro]

Пожалуйста 😉 надо будет и про это видео снять.

[@user-yp3ms2dr2o]

@@freelance-pro Да🙏

[@freelance-pro]

Я про это видео, по сортировке товаров помню)) скоро будет и оно

[@master6755]

Здравствуйте. А разве можно подключить платежные системы в РФ? Если нет, то какой смысл делать магазин без интеграции?

[@freelance-pro]

Есть еще страны в мире вот там есть смысл 😉

[@bonidom1]

Один лучше другого, друг запомни, карточка товара это когда ты в товаре а не в категории товаров

[@freelance-pro]

Окей 👌 а страница товара тогда что? Вы карточки видели (ну те с которых взяли название из-за визуальной схожести и они были еще до сайтов)?