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

Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing

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

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

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

    На удивление мало лайков. Тут явно что-то не так с алгоритмами yotube, потому что такой материал я давно искал.
    Спасибо вам огромное за ваши труды!

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

      Большое спасибо за ваши слова ♥️ Очень ценно 🙏🥰

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

    Очень полезное видео! Лайк!

  • @tertatmir
    @tertatmir 7 หลายเดือนก่อน

    Спасибо за урок. Сделала, всё получилось отлично, но в мобильной версии, к сожалению, не работает. Поэтому сделала по-другому, применила pop-up. Или можно в мобильной это сделать? Обычно сижу, ковыряюсь, пытаюсь сама найти ответ, но решила спросить в этот раз.

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

      Анимацию в мобильной версии тоже можно включить и применить

    • @tertatmir
      @tertatmir 7 หลายเดือนก่อน

      @@KarinasDreams спасибо за ответ. Да, я знаю, что можно, но здесь почему-то не смогла.

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

    Здравствуйте. А есть видео как меню такое сделать с корзиной и избранным?❤

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

      Это сделано сторонним кодом от nolim

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

    Автор, скажите, пожалуйста. Возможно ли сделать так: у меня есть 3 карточки на одной линии в зеро блоке. И я бы хотела чтобы изначально их не было видно, как и карточку, но при клике на каждый триггер(допустим такие же точки как у вас) - один фон бы появлялся, который подходит ее тематике, а другие два становились невидимыми(или оставались невидимыми изначально).
    Просто как я понимаю, если добавить три триггера, то они будут действовать одинаково, так ведь?

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

      Привет! Верно. Стандартными способами сделать такую анимацию в тильда пока нельзя, нужен дополнительный код

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

      Можно попробовать сделать анимацию не по клику а по hover

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

      @@KarinasDreams да, именно так я и сделала

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

    Подскажите, как сделать, чтобы у меня тоже была пипетка в панели инструментов при выборе цвета

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

      Добрый день! Это расширение от нолим

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

    А можно сделать, чтобы при нажатии на один объект открывалась карточка, а при нажатии на другой-она закрывалась?

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

      Стандартными способами нет