ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

Как создать карточку товара в zero блоке без кода на

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ส.ค. 2024
  • Хэээй, привет- привет! Я подготовила для вас 5 необычных решений для интернет-магазина о которых расскажу в 5 последующих видео. Это видео уже четвертая часть. Первую часть можно посмотреть тут: • Анимация карточек това...
    В этом видео мы разберем как создать карточку товара в зеро блоке без сторонних кодов, анимируем, пропишем ссылки для добавления в корзину и избранные. Интересно? Тогда погнали смотреть видео)
    Навигация:
    0:00 Приветствие
    0:13 Что будет в этом видео
    0:53 Создаем новую страницу и переносим контент на тильда
    2:26 Добавляем анимацию фиксации
    5:16 Добавляем фото товара
    7:11 Заключение
    Если есть вопросы или пожелания, жду их в комментариях или пиши в direct / karinasdreams
    Меня зовут Карина и я веб-дизайнер, создаю сайты на #Тильда . Я обожаю делиться знаниями и опытом и поэтому снимаю видео для TH-cam и веду блог о дизайне в Instagram.
    Блог о дизайне и фрилансе:
    / karinasdreams
    Моё портфолио:
    webdeskarina.t...
    #tilda #zeroblock

ความคิดเห็น • 22

  • @user-wz2qi7ed9j
    @user-wz2qi7ed9j 2 ปีที่แล้ว +1

    а как сделать чтобы работала корзина и избранное из такого зеро блока? в видео просто поставили иконки

    • @KarinasDreams
      @KarinasDreams  2 ปีที่แล้ว +2

      Прописать ссылки для кнопки добавления корзины #order:Название продукта=цена
      Для кнопки избранных #addtofavorites:Название продукта=цена

    • @litvin23
      @litvin23 ปีที่แล้ว +1

      @@KarinasDreams нужно предварительно добавлять продукт в каталог товаров?

  • @terikhovskaya
    @terikhovskaya ปีที่แล้ว

    Привет. ПОдскажите, можно ли к таким карточкам, сделанным в зеро-блоке, подключить каталог и фильтрацию?

    • @KarinasDreams
      @KarinasDreams  ปีที่แล้ว

      Привет! Пока что без сторонних кодов это не возможно сделать 🥲

  • @Iazovskii
    @Iazovskii ปีที่แล้ว

    Здравствуйте) Можно ли к такой карточке как-то привязать выбор размера (для одежды) ?

    • @KarinasDreams
      @KarinasDreams  ปีที่แล้ว

      Привет! Если только делать под каждый размер кнопку :)

  • @litvin23
    @litvin23 ปีที่แล้ว

    Если посетитель хочет несколько экземпляров заказать - это уже в корзине можно увеличить?

    • @KarinasDreams
      @KarinasDreams  ปีที่แล้ว

      Верно, либо несколько раз нажимать на кнопку

  • @Tori_Sandra
    @Tori_Sandra ปีที่แล้ว

    Добрый день. Подходит ли такой вариант карточек, если на сайте 1000 товаров?

    • @KarinasDreams
      @KarinasDreams  ปีที่แล้ว

      Будет ну оооочень много работы, поэтому при огромном количестве товаров лучше делать стандартными способами

  • @arty4721
    @arty4721 3 หลายเดือนก่อน +1

    Нарисовать понятно как, а как сделать рабочими иконки добавления в корзину и в избранное? Про это ни слова

    • @KarinasDreams
      @KarinasDreams  3 หลายเดือนก่อน

      Потому что это видео не про это)

    • @arty4721
      @arty4721 3 หลายเดือนก่อน +3

      @@KarinasDreams «так же здесь можно добавить товар в избранное, можно добавить товары в корзину». Как уж не про это?)) Если не умеете с тильдой работать, то лучше не записывайте обучающих видео))

  • @artemkholodovskyi7679
    @artemkholodovskyi7679 9 หลายเดือนก่อน

    как будет выглядеть в мобильной версии?

    • @KarinasDreams
      @KarinasDreams  9 หลายเดือนก่อน

      Там тогда лучше фиксацию убрать, а фото сделать в галерее или в ряд и включить overflow - auto

  • @user-ul1qw2ih6m
    @user-ul1qw2ih6m 2 ปีที่แล้ว

    Доброго времени суток. Не могли бы вы скинуть ссылку на первоначальный сайт или показать, как вы реализовали переключение языков и фона в тильда. Заранее спасибо

    • @KarinasDreams
      @KarinasDreams  2 ปีที่แล้ว +1

      Я это реализовала дублируя страницы и меняя их в темную версию и для переключателя задала ссылку на темную версию страницы

    • @user-ul1qw2ih6m
      @user-ul1qw2ih6m 2 ปีที่แล้ว

      Спасибо большое

  • @ASebastianPereira
    @ASebastianPereira 2 ปีที่แล้ว

    Все хорошо, но тайм лапс не надо было делать, меня все интересовало как делать ((

    • @KarinasDreams
      @KarinasDreams  2 ปีที่แล้ว

      Я объяснила для одной а для остальных тоже самое нужно сделать)