ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Создаем карточки товаров для интернет-магазина в zero block на
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- Хэээй, привет- привет! Я подготовила для вас 5 необычных решений для интернет-магазина о которых расскажу в 5 последующих видео. Это видео уже вторая часть. Первую часть можно посмотреть тут: • Анимация карточек това...
В этом видео мы разберем как создать карточки товаров в zero блоке с возможностью добавить их в корзину и в избранное а так же, нажав на карточку, почитать о продукте подробнее.
Это ещё не всё! Я расскажу как заанимировать бегущую строку по скроллу и как сделать так чтобы при попадании на фото текст становился белым. Интересно? Тогда погнали смотреть видео)
Навигация:
0:00 Приветствие
1:16 Что будет в этом видео
1:33 Создаем карточки товара
3:27 Добавляем иконки корзины и избранных
8:00 Прописываем ссылки для корзины и избранных
9:52 Анимация бегущей строки
12:52 Делаем текст белым при попадании на фото
15:03 Добавляем ссылки "подробнее о товаре"
16:45 Заключение
Если есть вопросы или пожелания, жду их в комментариях или пиши в direct / karinasdreams
Меня зовут Карина и я веб-дизайнер, создаю сайты на #Тильда . Я обожаю делиться знаниями и опытом и поэтому снимаю видео для TH-cam и веду блог о дизайне в Instagram.
Блог о дизайне и фрилансе:
/ karinasdreams
Моё портфолио:
webdeskarina.t...
#tilda #zeroblock , анимация тильда, анимация tilda, зероблок тильда, figma
Карина, здравствуйте) использую многие ваши инструкции, подскажите, пожалуйста, как в блоке st200 (карточка товара) поменять размер кнопки?
Я весь во внимании! Продолжайте пожалуйста.
Договорились 😉
Я попробовала добавить ссылку товара с другой страницы сайта, она открывает попап, но при его закрытии переносит с главной страницы на техническую страницу с товарами. Не знаю, как это исправить, чтобы только попап открывался и при закрытии оставался на главной
Очень полезное видео! Спасибо)
Рада, что полезно ☺️☺️☺️
а страницу с поп-ап куда девать?
Добрый день, спасибо большое за Ваши видео! Всё понятно и интересно. Хотела уточнить, при клике на иконку товар добавляется в корзину, но когда перехожу в корзину там нет фото товара, только название. Подскажите, пожалуйста как сделать, чтобы в корзине отображалась фотография добавленного товара)
После цены добавить :::image=ссылка на фото
А знаете ли вы, что нужно прописать, что бы была возможность выбора, например размера товара?)
Нужно для каждого размера прописать свою ссылку
@@KarinasDreams да спсб, так уже и делаю) но кажется что можно это как-то кодом сделать лучше, ибо если много товара+у каждого несколько вариантов, с ума сойдешь столько кнопок делать со своей ценой
@@hgms6150 для параметров лучше в зероблоке использовать форму и в ней добавить калькулятор. и из формы цена будет идти в корзину, там есть такая функция(просто галочку поставить)
Вы указали ссылки на корзину и избранное, а как делали саму корзину и избранное?
Добавила блоки ST100 (корзина) и ST110 (избранное)
Эффектик запомню) Всё-таки, как лучше всё делать, через Figma и портировать в Zero block, или сразу в редакторе тильды работать?
Это очень индивидуально, я обычно создаю дизайн в фигма и только тогда переношу его в тильда, так как правки от заказчиков легче делать в фигма+ в фигма проще экспериментировать
Вопрос не к месту... Зачем вам на вашем сайте два уведомления о cookie?
Привет! Это косяк который я все время забываю исправить 😅🙈
супер контент! Расскажи как сделать такую шапку
Спасибо! Хорошо
Как сделать, чтобы это работало???! Чтобы подключить к этим карточкам возможность купить? Никто не объясняет. В лучшем случае, какой-то код вставляют (((
Если хочешь, чтобы при нажатии на товар или кнопку товара он добавлялся в корзину то пропиши ссылку #order:Название товара=цена
Я рассказываю об этом в видео Карточка товара в zero block;)