🔄 Библиотека пополнилась новой модификацией <TCD062>Анимированный прелоадер с процентами загрузки

Прелоадер на чистом коде без использованная Zero Block. Стартует при заходе пользователя на сайт и пропадет после того как контент на странице загрузился.

Особенности модификации:
🔸 Возможность настроить формат показа прелоадера: при каждом обновлении страницы или показываем только один раз при заходе пользователя на сайт;
🔸 Прелоадер скрывается после полной загрузки страницы;
🔸 Возможность добавить анимацию, счетчик процентов или свой текст;
🔸 Работает даже на самых тяжелых сайтах где прелоадеры на Zero Block лагают или не успевают загрузиться;

👀 Смотреть пример

🔥 Обновление Tilda.
Появилась возможность преобразовывать группу объектов в единый элемент. Доступны два режима: logical и object. Основное различие заключается в поведении объектов внутри группы:

🔸 В логической группе настройки применяются к каждому элементу индивидуально. Например, при изменении цвета фона, цвет изменится только у шейпов, а при смене размера или цвета текста, настройки будут применены только к тексту.

🔸 В объектной группе настройки применяются именно к самой группе, как будто вся группа это отдельный элемент. Кроме того для такой группы доступны дополнительные настройки: тег, отступ, цвет фона и т. д.

Новые группы идеально подходят для создания меню, карточек товаров, элементов футера или списков. Например, если карточка товара должна содержать ссылку на страницу или всплывающее окно, то ссылку можно применить сразу ко всей группе, вместо указания ее для каждого элемента отдельно. Кроме того, объектная группа упрощает работу с анимацией, поскольку анимацию можно применять сразу ко всей группе.

➡️ Чтобы включить новый функционал нужно в профиле тильда поставить галочку "участвовать в бета тесте новых функций".

#новостиТильда

📣 Новое руководство было добавлено в базу знаний TiCode.

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

🔄 В библиотеку была добавлена новая модификация <TCD063>Поле доставка в виде выпадающего списка в корзине

Модификация позволяет добавить большое количество вариантов доставки в корзине Тильда. Вместо классических радиокнопок будет отображаться выпадающий список. Функционал работает в стандартной корзине и к корзине с оформлением заказа в два этапа.

👀 Смотреть пример

🔄 В библиотеку добавлена новая модификация <TCD064>Адаптация таблицы CL46 на мобилках

Модификация добавляет альтернативный способ адаптации таблицы, при котором первый столбец фиксируется, а все остальные скролятся по горизонтали. Такой подход делает процесс сравнения информации в таблице более удобным для пользователей.

👀 Смотреть пример

🔄 Обновление в Tilda

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

Как это работает:
🔸Создаем пошаговую форму на страницу, например, используя блок BF204N.
🔸В разделе "Контент" → "Поля для ввода" → выбираем поле №2 или последующее и нажмите "Ещё".
🔸Выбираем действие: показать или скрыть это поле.
🔸Добавляем одно или несколько условий, при которых будет срабатывать выбранное действие. Например, если значение в поле №3 содержит слово "шкаф", на следующем шаге №4 можно предложить услугу сборки мебели.

Подробную информацию о настройке логики отображения полей можно найти в этой статье

#новостиТильда

🔄 Библиотека пополнилась новой модификацией <TCD065>Слайдер для изображений в Zero Block

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

Особенности модификации:
🔸 Возможность выбрать один из трех вариантов пролистывания изображений.
🔸 Кастомизация углов, размера слайдов и настройка скорости анимации.
🔸 Скрипт легко дублируется в рамках одной страницы.

👀 Смотреть демо

⚡️ Библиотека пополнилась новой модификацией <TCD066>Кнопка "продолжить покупки" в корзине тильда

Особенности модификации:
🔸 Кастомизация кнопки;
🔸 Возможность выбрать расположение кнопки;
🔸 Работает с дефолтной корзиной и новой корзиной где оформление заказа в несколько этапов.

👀 Смотреть демо

✨ Библиотека пополнилась новой модификацией <TCD067>Кастомизация блоков гармошек TX16N и TX16N2

Особенности модификации:
🔸 Кастомизация цвета текста и фона в открытой гармошке;
🔸 Добавление обводки и скругление углов для блока TX16N2;
🔸 Добавление своих иконок и управление градусом поворота активной иконки;

👀 Смотреть демо

🔄 Подборка старых модификаций которые были обновлены в этом месяце

🔸 <TCD051> Оптимизация загрузки Яндекс карты
- Появилась возможность скруглить углы Яндекс карте

🔸 <TCD061> Показать/скрыть меню при прокрутке страницы
- Модификация теперь поддерживает несколько блоков с меню. Будет полезно для сайтов где на пк и мобилках используются разные блоки меню.

🔸<TCD038> Кастомизация углов у шейпов и картинок
- Появилась возможность скруглять углы в галерее зеро блок.

🔄 Библиотека пополнилась новой модификацией <TCD068>Активный пункт меню в Zero Block

Особенности модификации:
🔸 Работает с меню которое сделано при помощи кнопок или текста;
🔸 Большое количество настроек для активного пункта: цвет, подчёркивание, насыщенность текста;
🔸 Возможность настроить ховер эффект в случае если использовали текст. В кнопках ховер настраивается через функционал тильда;
🔸 Скрипт работает с несколькими блоками меню на одной странице. Будет полезно для сайтов где на пк и мобилках используются разные блоки меню.

👀 Смотреть пример

⚡️ Библиотека пополнилась новой модификацией <TCD069>Своя кнопка «Загрузить еще» в блоках магазина

Особенности модификации:
🔸 В качестве кнопки можно использовать кнопку, шейп, текст или картинку;
🔸 Модификация легко дублируется в рамках одной страницы;

👀 Смотреть пример

🔥 Обновление Тильда: Автолейауты в Zero Block

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

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

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

Подробности по ссылке: https://help-ru.tilda.cc/zero/auto-layout

#НовостиТильда

🔄 В библиотеку добавилась новая бесплатная модификация <TCD070>Свое окно "спасибо" для формы в зеро блок

Модификация позволяет скрыть стандартное окно "спасибо" и выводить свой popup после отправки формы.

Особенности модификации:
🔸 Работает только с формами в зеро блок;
🔸 В качестве окна "спасибо" можно добавить стандартный popup или popup на Zero Block;
🔸 Модификация легко дублируется в рамках одной страницы;

👀 Смотреть пример

🔄 Подборка старых модификаций которые были обновлены в этом месяце.

🔸 <TCD058> Эффект рисования в Zero Block
- Появилась возможность добавить кнопку при клике на которую будет очищаться холст.

🔸 <TCD026> Эффект зума при наведении на изображение
- В поле "дополнительный эффект" можно выбрать опцию "заливка при наведении". Можно указать прозрачность и цвет заливки при наведении курсора на картинку.

📣 Эмодзи в текстах, формах, а также в названиях проектов, страниц и папок

Появилась возможность добавлять эмодзи в текст. Эмодзи будут отображаться в текстовых полях во всех блоках, включая формы и Zero Block. Также их можно добавить в название проектов, страниц и папок.

Чтобы открыть панель выбора эмодзи нужно нажать комбинацию Fn + E для Mac или Windows + Ю для Windows. Эмодзи можно копировать со сторонних ресурсов, например, emojipedia.

Важно! внешний вид одного эмодзи может меняться в зависимости от устройства посетителя сайта.

#новостиТильда

🟢 В библиотеку добавилась новая модификация <TCD071>Эффект градиентная сфера следующая за курсором

Особенности модификации:
🔸 Работает только на пк;
🔸 Можно задать цвет градиента и скорость передвижения сферы;
🔸 Можно включить дополнительную анимацию для сферы;

👀 Смотреть пример

🔄 В библиотеку добавилась новая модификация <TCD072>Форма предзаказа для товара который закончился

Особенности модификации:
🔸 Работает с блоками ST300, ST305N, ST310N, ST315N, ST320N. Товары нужно грузить в каталог тильда;
🔸 Возможность настроить свой текст для кнопки "нет в наличии";
🔸 Данные из формы предзаказа будут приходить как и с обычных форм (на почту, в телеграмм и .т д.);
🔸 В форму предзаказа автоматически вшивается название товара;