Кастомный слайдер на Тильде в Зеро-блоке

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • Создание сайтов на Тильда с высокой конверсией: id_abakalov
    Мой сайт: bakalov.su
    В видео подробно и в то же время без лишней информации разбирается создание кастомного слайдера в конструкторе сайтов Тильда. Если вас не устраивает стандартный слайдер и дизайн вашего сайта требует особого подхода - это видео для вас!
    Код по ссылке: yadi.sk/i/2c-J...

КОМЕНТАРІ • 24

  • @user-yy8eh9hl3c
    @user-yy8eh9hl3c 3 роки тому +4

    ты забыл самое главное из этого гайда - нужно выровнять ВСЕ фотки window container - left - top.

    • @polina_kudryavtseva5285
      @polina_kudryavtseva5285 3 роки тому

      Здравствуйте, я раньше писала сдесь комментарий с вопросом к автору видео, там есть проблема. Ваше решение значительно улучшает результат, тоько теперь к сожалению справа съедается около 50-70рх. В чем же беда?

    • @user-yy8eh9hl3c
      @user-yy8eh9hl3c 3 роки тому

      @@polina_kudryavtseva5285 почитайте манул на сайте тильдошной, это оттуда слайдер.
      Размер слайдера и размер контента должны быть одинаковыми, тогда не будет съедаться ничего.

    • @polina_kudryavtseva5285
      @polina_kudryavtseva5285 3 роки тому

      @@user-yy8eh9hl3c Да, спасибо. Я соблюдаю это правило, но по факту сейчас прикостылила немнго иначе

  • @svadbawed
    @svadbawed 3 роки тому

    Здравствуйте Александр. Подскажите пожалуйста. У меня весь текст выделяется белым цветом в слайдере. Как это отключить? В предросмотре блока на тильде все хорошо, а когда публикую появляется фоновая белая заливка будто бы белый прямоугольник на заднем фоне.

  • @user-ry4uf6tb8i
    @user-ry4uf6tb8i 3 роки тому +1

    очень помогло, спасибо

  • @ТаняКот-о6п
    @ТаняКот-о6п 3 роки тому +1

    Саша, здравствуй!
    А делал ли ты адаптив под мобилку со слайдерами?

  • @LeelakateMoscow
    @LeelakateMoscow 2 роки тому

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

  • @krylov204
    @krylov204 3 роки тому

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

  • @polina_kudryavtseva5285
    @polina_kudryavtseva5285 3 роки тому +1

    Здравствуйте, Александр. У меня важный вопрос, - почему слева от слайда (фотографии) остается пустое пространство, и как это исправить? При том, чтоконтейнер слайдера, очевидно на весь экран. Я делала все по этому видео иполучила такой же результат - при чем еесли информацию на слайде асполагать на весь экран, ее часть просто куда-то прячется.. Помогите разобраться, пожалуйста.

    • @alexbakalov3165
      @alexbakalov3165  3 роки тому

      Доброе утро, Полина. Опробуйте сами картинки сделать такого же размера, как и прозрачный shape в зеро-блоке со стрелками

    • @polina_kudryavtseva5285
      @polina_kudryavtseva5285 3 роки тому +1

      @@alexbakalov3165 Доброе утро. У меня изначально было в слайде 4 столбца текста, и один терялся. После чего начала добавлять шейпы разных размеров и в разном местоположении внутри слайда, - при любом раскладе зарезается примерно 1/3 ширины слайда

    • @АннаЛинькова-п1х
      @АннаЛинькова-п1х 3 роки тому

      @@polina_kudryavtseva5285 Здравствуйте, Полина! Та же проблема. Вы не нашли ответ на свой вопрос? если получилось разобраться, поделитесь, пожалуйста, буду признательна! :)

    • @annaartamonova6026
      @annaartamonova6026 3 роки тому

      ​@@АннаЛинькова-п1х методом тыка решила проблему. В зеро блоке свдигаете блоки (которые слайды) максимально влево за границу грида. Не знаю почему так, но главное результат ахаххах

    • @annaartamonova6026
      @annaartamonova6026 3 роки тому +1

      @@polina_kudryavtseva5285 методом тыка решила проблему. В зеро блоке свдигаете блоки (которые слайды) максимально влево за границу грида. Не знаю почему так, но главное результат ахаххах

  • @AntonYatsenkoRU
    @AntonYatsenkoRU 3 роки тому +1

    Спойлер. Кому нужно, чтобы слайдер нормально отображался на моб. устройствах, не тратьте время на это видео - это работает нормально только для ПК разрешения

    • @ДарьяКочергина-й1х
      @ДарьяКочергина-й1х 3 роки тому

      А есть какие то альтернативы? У меня ток на мобилке криво работает этот слайдер, не знаю, как починить ((

    • @STRATEG314
      @STRATEG314 3 роки тому

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

  • @user-pb3gh3fr7o
    @user-pb3gh3fr7o 3 роки тому

    не подскажите как можно сделать более плавный переход слайда?

  • @wildmuze
    @wildmuze 3 роки тому

    Подскажите, пожалуйста, если слайдер нужно растянуть на весь экран, можно ли в коде указать не в пикселях, а в процентах? Или как можно это сделать? Спасибо!

    • @alexbakalov3165
      @alexbakalov3165  3 роки тому

      Доброе утро. Именно с такой ситуацией на сталкивался. Попробуйте указать в процентах либо размер в коде, либо в самих картинках слайдера указать в размерах "100%"