Создай свой слайдер на Тильде из стандартных блоков

Поделиться
HTML-код
  • Опубликовано: 7 окт 2022
  • Привет!
    Сегодня рассмотрим как работает код для создания слайдера из стандартных блоков!
    Мой сайт, где можете взять код:
    dsgnmax.ru/sliders/slider-sta...
    Мой телеграмм канал:
    t.me/dsgnmax
    Чат для общения и помощи:
    t.me/dbmchat

Комментарии • 83

  • @designmax
    @designmax  Год назад

    Мой сайт, где можете взять код:
    dsgnmax.ru/sliders/slider-standart-block
    Мой телеграмм канал:
    t.me/dsgnmax
    Чат для общения и помощи:
    t.me/dbmchat

    • @Kiryanov_pro
      @Kiryanov_pro 3 месяца назад

      Ссылка на 404 ведёт, способ неактуальный?

    • @brilianworldwide1814
      @brilianworldwide1814 2 месяца назад

      Ошибку 404 выдает на сайте с кодом. Что делать ?

    • @designmax
      @designmax  2 месяца назад +1

      @@Kiryanov_pro поправил ссылку

    • @designmax
      @designmax  2 месяца назад +1

      @@brilianworldwide1814 поправил ссылку

    • @brilianworldwide1814
      @brilianworldwide1814 2 месяца назад

      Спасибо@@designmax

  • @dkushka
    @dkushka Год назад +14

    Скажу так! Ты единственный человек, запомни, который внятно чётко объяснил процесс реализации. Спасибо тебе!

    • @designmax
      @designmax  Год назад +1

      Пожалуйста) рад, что пользуетесь)

  • @irina_85
    @irina_85 2 месяца назад +1

    Спасибо! Крутой код. Просто волшебство

  • @LanaKos73
    @LanaKos73 Год назад

    Спасибо большое))) Очень доходчиво и понятно все объяснил!

  • @anton_shymanets
    @anton_shymanets Год назад +2

    отличное видео

  • @user-yl8cb9mp8j
    @user-yl8cb9mp8j Год назад

    Thanks so much!

  • @anvarbagirov3309
    @anvarbagirov3309 Год назад +1

    Скажите, можно ли сделать так, чтобы при пролистывании карточек из ST300 с помощью зажатия ЛКМ не происходил клик по карточке товара и она не открывалась в попапе?

  • @greensquare6360
    @greensquare6360 Год назад +1

    спасибо! ни один код не работал, кроме твоего. хорошие комменты в коде

    • @designmax
      @designmax  Год назад

      Специально их оставляю, чтобы можно было настроить слайдер под себя)

  • @mariabarysheva4844
    @mariabarysheva4844 День назад

    Привет, спасибо большое за такой прекрасный код) Подскажи пожалуйста, а как можно убрать слайдер на мобильной версии?

  • @qwint55nt
    @qwint55nt Год назад

    йо бро, топ контент! спасибо!

  • @dariak8672
    @dariak8672 6 месяцев назад

    Для блока потоков FD301 слайдер не будет работать, если взять классы для этого блока?

  • @user-zw1jr3iu8j
    @user-zw1jr3iu8j 8 месяцев назад

    Почему то с блоком TE210 не работает мобильный адаптив. Может подскажете что с этим делать?

  • @user-sx6by7js7l
    @user-sx6by7js7l 10 месяцев назад +1

    Почему-то дублируются карточки во второй ряд((

  • @user-sm1hh7cz4g
    @user-sm1hh7cz4g 10 месяцев назад

    Макс, приветствую. Классная реализация. Только заметил что на мобиле скроллинг пальцем нужно делать чуть длиннее, чем на стандартных слайдерах. Это где-то можно настроить?

    • @designmax
      @designmax  10 месяцев назад

      Привет) нет, стандартная настройка скрипта)

  • @bichevitch
    @bichevitch 4 месяца назад

    Здравствуйте. А как сделать так чтобы их было не бесконечное кол-во?

  • @ronypopony7522
    @ronypopony7522 Год назад

    Есть проблема, слайдер конфликтует с другим слайдером на странице, сделанным с помощью кода когда они на одной странице(на разных работают оба), в чем может быть проблема? В одинаковых элементов нет.

    • @designmax
      @designmax  Год назад +1

      В телеграм-чате я уже отвечал несколько раз на этот вопрос, показывал наглядно на скрине) там нужно менять значение переменных в коде

  • @shawtyxd7156
    @shawtyxd7156 Год назад

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

    • @designmax
      @designmax  Год назад

      Нужен другой код, именно для слайдера магазина. На сайте тоже есть такой

  • @warfacevoxel
    @warfacevoxel Год назад

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

  • @hishidashiev1635
    @hishidashiev1635 Год назад

    Классно! Спасибо. У меня вопрос, подскажи пожалуйста - при включении строчки , мобильная версия не грузится вообще... В чем может быть проблема?

    • @designmax
      @designmax  Год назад

      Привет, какой конкретно точки? Пиши лучше в чат в телеграмме по вопросам)

    • @hishidashiev1635
      @hishidashiev1635 Год назад

      @@designmax Извиняюсь текст не вставился в коммент - "при включении строчки overflow: visible; и slidesToShow: 3", мобильная версия не грузится вообще... В чат написал. Спасибо за ответ)

  • @SenceLab
    @SenceLab Год назад

    Спасибо за скрипт! Подскажите пожалуйста, у меня при пролистывании не догружаются фото, уже уменьшили размер и все равно такая же проблема, как это можно убрать?

    • @designmax
      @designmax  Год назад

      нужно отключить lazy load в настройках сайта

  • @user-ij3sk9bx3b
    @user-ij3sk9bx3b Год назад +2

    Здравствуйте. Подскажите пожалуйста как сделать их одного фиксированного размера по высоте?

    • @designmax
      @designmax  Год назад

      Добрый вечер, только кодом, при этом ограничив количество строк в тексте, также кодом

    • @user-ij3sk9bx3b
      @user-ij3sk9bx3b Год назад

      @@designmax Максим, а кодом не поделитесь? А то они смотрятся как кривые зубы))))

    • @designmax
      @designmax  Год назад

      @@user-ij3sk9bx3b тут только писать заново, опираясь на номер блока) у меня был где-то похожий код, напишите в телеге, я поделюсь

  • @user-pl1ck9fn1d
    @user-pl1ck9fn1d Год назад

    Привет! А можно в слайдер разместить вертикальные видео?

    • @designmax
      @designmax  Год назад

      Привет, к сожалению нет, работает только с блоками, которые указаны на сайте с модфикацией

  • @alexanderkryuchkov9069
    @alexanderkryuchkov9069 Год назад

    Благодарим, вопрос: когда добавляешь товары из каталога , то модификация перескает работать? в чем дело может быть? со стандартными карточками из примера все работает, а из каталога не рабатает

    • @designmax
      @designmax  Год назад

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

    • @alexanderkryuchkov9069
      @alexanderkryuchkov9069 Год назад

      @@designmax понял, спасибо

    • @alexanderkryuchkov9069
      @alexanderkryuchkov9069 Год назад

      @@designmax попробовал все работает, вопрос: два таких кода не работают на одной странице? пробовал со сменой класса - не работает, по отдельности работает

    • @designmax
      @designmax  Год назад

      @@alexanderkryuchkov9069 работают, нужно менять переменные в коде. В телеграм чате я уже отвечал на этот вопрос, можете посмотреть там)

  • @uberalles88
    @uberalles88 Год назад

    А в зеро блоке это возможно осуществить?

    • @designmax
      @designmax  Год назад

      да, но немного позже)

  • @redsch
    @redsch 7 месяцев назад

    Попробовал на двух разных блоках. Карточки налезают друг на друга.

  • @user-rw2sh7oy1p
    @user-rw2sh7oy1p Год назад

    у меня почему-то пропадают некоторые иконки при слайде. почему?

    • @designmax
      @designmax  Год назад

      Без ссылки сложно сказать

  • @im.lebedeva
    @im.lebedeva Год назад

    Привет! Макс, в коде ввожу ссылку на свои стрелки а они не публикуются вообще. Вместо них значки изображения и все

    • @designmax
      @designmax  Год назад

      Привет) по вопросам лучше пиши в телеграмме в общий чат) ссылка есть в описании)

  • @ajkpro368
    @ajkpro368 15 дней назад

    Почему на сайте они от края до края экрана, а в здесь примере 3 штуки?

    • @designmax
      @designmax  15 дней назад

      Там в коде есть настройка для этого

  • @laniare
    @laniare 9 месяцев назад

    Почему-то не работает. Использую код для магазинов, указываю класс, товары из каталога - ничего не происходит. При этом в магазине где нашел код, как и у вас на странице - все впорядке :(
    Тупо не понимаю

    • @laniare
      @laniare 9 месяцев назад +1

      Прошло пол часа в попытках догадаться и минута после коммента)) Нужно, чтобы блок с кодом был ниже чем блок товаров - может кому-нибудь пригодиться, по этому оставлю собственную глупость

  • @KTanya91
    @KTanya91 23 дня назад

    А где взять код ля моего блока?

    • @designmax
      @designmax  22 дня назад

      На сайте все классы блоков, из которых можно с помощью этого кода сделать слайдер

  • @annaartamonova6026
    @annaartamonova6026 Год назад

    на сайте в разделе слайдеров бля блока магазина нет такой инфы с айди и классом контейнера(

    • @designmax
      @designmax  Год назад

      Для блока магазина вот эта модификация
      dsgnmax.ru/sliders/slider-shop

  • @Site_Provider
    @Site_Provider Год назад

    Не работает, сейчас нет элемента t774__separator в Тильде.

    • @designmax
      @designmax  Год назад

      Спасибо, посмотрю в чем дело

    • @designmax
      @designmax  Год назад

      посмотрел, такой элемент есть, если карточки переходят на следующий ряд

  • @chillsongz5217
    @chillsongz5217 6 месяцев назад

    сделала точь в точь, но не получилось..

  • @lolkekxa
    @lolkekxa Год назад

    Почему на сайте и в видео разные коды?

    • @designmax
      @designmax  Год назад +2

      Это видео подходит как для любых стандартных блоков, так и для магазинов, потому что настройки у них одинаковые. Я не стал записывать такое же видео, чтобы не повторяться. Тут нужно действовать по такой же схеме и проставлять свои значения, можно еще ориентироваться по комментариям в коде)

    • @lexiesanders929
      @lexiesanders929 Год назад

      @@designmax А если по поиску на сайте в списке не находит мой блок, значит для него не подойдет? Речь о TE230

    • @designmax
      @designmax  Год назад

      @@lexiesanders929 да, значит не получится слайдер сделать из него

  • @KuckaTV
    @KuckaTV 2 месяца назад

    2024 это работает?

    • @designmax
      @designmax  2 месяца назад

      Конечно работает)

    • @KuckaTV
      @KuckaTV 2 месяца назад

      @@designmax тогда я -криворучка, повторяя по-этапно уменя н получается ваш пример

    • @designmax
      @designmax  2 месяца назад

      @@KuckaTV если пример на сайте работает, то код для слайдера тоже)

  • @Lifer_Word
    @Lifer_Word Год назад

    А где взять html код?

    • @designmax
      @designmax  Год назад

      Html нигде, все делается на основе стандартных блоков в Тильде. А CSS и JS по ссылке в описании можно найти

    • @user-el9hi1gj3u
      @user-el9hi1gj3u 11 месяцев назад

      @@designmax ссылка больше не открывается

    • @designmax
      @designmax  11 месяцев назад

      @@user-el9hi1gj3u только что проверил - открывается

    • @user-el9hi1gj3u
      @user-el9hi1gj3u 11 месяцев назад

      @@designmax спасибо за ответ! Но теперь и у меня открывается))

  • @EasyManOne
    @EasyManOne 10 месяцев назад

    На t853 не работает

    • @designmax
      @designmax  10 месяцев назад

      В таблице и нет такого класса для этого блока, поэтому не работает)

    • @EasyManOne
      @EasyManOne 10 месяцев назад

      ​@@designmaxа точно) я чет по коду подумал к нему относится)) там блок новостей из соц.сетей показывает, если сделаешь аналогичный красивый слайдер для него, буду боготворить тебя