TiCode | Модификации для Тильда
952 subscribers
150 photos
17 videos
127 links
https://ticode.dev
Делимся крутыми модификациями и эффектами для тильда. Выдели свой сайт среди конкурентов!

Чат с поддержкой: https://t.me/+rWxNQ-DOSflkODM6

Сотрудничество: @borodach_tm
Download Telegram
Обновление старых модификаций в этом месяце

<TCD001> Фиксация меню сделанное в Zero Block
🔸Вместо id теперь можно указывать класс для меню;
🔸Добавлена возможность скрывать меню при достижении футера. Это особенно полезно, если меню зафиксировано в нижней части страницы, чтобы оно не перекрывало контент в футере.

<TCD043> Анимация роста чисел в зеро блок

🔸 Появилась возможность самостоятельно устанавливать пробел межу числом и текстом;
🔄 Новая модификация <TCD097> Вторая ссылка для кнопки которая открывает меню ME601

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

Особенности модификации:
🔸 Поддерживает блоки меню ME601, ME601A и ME601B;
🔸 Работает только на ПК, так как на мобильных устройствах отсутствует эффект наведения (hover).

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD098> Показ случайного блока

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

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Обновление Tilda. Новые возможности Zero Block

🔸 Автоматическая высота артборда – теперь Zero Block сам подстраивается под содержимое. Достаточно выбрать Grid container height → Auto, и высота блока будет изменяться автоматически, в зависимости от расположенных внутри элементов. При необходимости можно задать нижний отступ.

🔸 Автолейаут для всего Zero Block – теперь можно включить Auto layout не только для отдельных элементов, но и для всего артборда. Это позволяет упорядочивать элементы по принципу Flexbox и гибко управлять их размещением. Если выбрать режим Container → Window, отступы будут рассчитываться относительно окна браузера. Например, при padding-left: 20px отступ будет от левого края экрана.

🔸 Гибкая настройка изображений (Image Fit) – новая опция управления размерами изображений внутри контейнера:

Cover – полностью заполняет контейнер, сохраняя пропорции, но может обрезать часть изображения.
Contain – целиком вписывает изображение в контейнер, оставляя пустые поля, если пропорции не совпадают (для них можно задать цвет).
Fill – растягивает изображение на весь контейнер без сохранения пропорций.
None – изображение остается в исходном размере, не адаптируясь к контейнеру.

Другие улучшения:
🔸 Теперь можно задавать брейкпоинты с разрешением до 2560px.
🔸Добавлена возможность прописывать alt-текст для изображений в шейпах.
🔸Для видео в формате mp4 теперь можно менять размер и цвет кнопки Play.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
📣 Тильда продолжает радовать нас обновлениями. На этот раз несколько мелких, но очень нужных обновлений для форм

🔸 Вывод переменных в формах
В текстовых полях стандартных блоков из раздела "формы" можно использовать переменные для подстановки введённых данных. Например, если пользователь указал имя, его можно отобразить в следующем вопросе.

Для вывода нужно в тексте указать: {{form.name=def}}, где:
form — обязательный префикс,
name — имя переменной,
def — значение по умолчанию (если поле не заполнено).

❗️Работает только на опубликованной странице в рамках одного блока. Подробнее тут

🔸 Скрытый калькулятор в формах

Появилась возможность скрыть результат расчёта в форме с калькулятором. Для этого нужно зайти в «Контент» и включить опцию «Не показывать в форме».
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD099> Вертикальный скролл текста в Zero Block

Особенности модификации:
🔸 Возможность вертикальной прокрутки длинного текста или группы элементов (созданных через object) внутри Zero Block;
🔸 Настраиваемый внешний вид ползунка прокрутки;
🔸 Гибкая регулировка высоты для адаптивных экранов;

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
Обновление старых модификаций в этом месяце

<TCD055> Cлайдер До/После в Zero Block
🔸 Добавлена поддержка австокейла.

<TCD040> Иконка в кнопке Zero Block
🔸 В генератор кода добавлен визуальный пример кнопки, что позволяет сразу увидеть итоговый результат перед копированием кода.
🔄 Новая модификация <TCD100> Вывод остатка в каталоге тильда

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

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD101> Запуск видео при наведении курсора

Ранее для работы с видео в Zero Block можно было использовать модификацию (TCD025 Конструктор видео в зеро блок), но со временем её функционал стал менее актуален, так как большинство возможностей уже появились в самой Tilda. Многие пользователи продолжали применять эту модификацию только для запуска видео при наведении курсора.

В новой модификации TCD101 было решено оставить этот функционал и немного расширить его. Обновлённая версия получилась легче и проще в установке.

Особенности модификации:
🔸 Автоматический запуск и остановка видео при наведении курсора.
🔸 Опциональное включение или отключение звука.
🔸 Два режима воспроизведения при повторном наведении: Начать сначала / Продолжить с момента остановки.

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD102> Вывод оплаченных курсоров в личный кабинет пользователя

Особенности модификации:
🔸 Выводит купленные пользователем курсы в блок ST305N или ST310N.
🔸 Возможность настроить заглушку если пользователь еще ничего не купил.

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
Обновление старых модификаций в этом месяце

<TCD093> Чек-боксы с функцией памяти
🔸 Модификация теперь поддерживает работу с несколькими отдельными формами чек-боксов. Достаточно всем формам присвоить одинаковый класс.

📣 На сайте появился раздел Easy mods
Здесь собраны небольшие CSS и JavaScript модификации, которые накопились у меня в процессе работы над коммерческими проектами и под которые нет смысла делать генератор. Установка — в пару кликов, а главное, всё бесплатно!

На старте доступно уже 5 модов, а в будущем раздел будет пополняться.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD103> Кастомизация стандартного интерфейса личного кабинета

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

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD104> Поле с динамическими ячейками форме

Особенности модификации:
🔸 Превращает поле ввода в набор перетаскиваемых текстовых ячеек.
🔸 Работает со стандартными формами и формами в Zero Block.
🔸 Кастомизация ячеек и настройка hover-эффекта.

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Небольшое обновление Тильда

Теперь можно загружать до 3 собственных шрифтов, по 9 начертаний в каждый (отдельным файлом в WOFF). После загрузки — можно сразу использовать на сайте.

Как загрузить: Настройки сайта / Шрифты и цвета / Расширенные настройки / Загрузить шрифт.

#НовостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD105> Кастомная кнопка "загрузить еще" для блока новостей

Особенности модификации:
🔸 В качестве кнопки можно использовать кнопку, шейп, текст или изображение;
🔸 Работает с блоками FD101, FD201, FD301 и FD302;

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD106> Редирект для блока T658

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

➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔄 Новая модификация <TCD107> Тайм-коды и кастомные кнопки управления для видео

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

👀 Смотреть пример
➡️ Установить модификацию
Please open Telegram to view this post
VIEW IN TELEGRAM
Обновление старых модификаций в этом месяце

<TCD016> Горизонтальный скролл со стрелками
🔸 Добавлено автовыравнивание подложки в зеро блоке. Больше не нужно выравнивать длину скролла при помощи прозрачного шейпа.

<TCD002> Кастомная кнопка назад
🔸 Обновлён механизм работы кнопки "Назад" на карточках товаров. Теперь при переходе в карточку товара кнопка запоминает предыдущую страницу и возвращает пользователя обратно. Если переход был осуществлён напрямую (например, вы поделились ссылкой на уже открытую карточку товара), кнопка перенаправит на главную страницу.