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

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

Сотрудничество: @borodach_tm
Download Telegram
📣 Новое руководство было добавлено в базу знаний TiCode.

В этой статье мы расскажем какие финальные настройки нужно сделать на сайте прежде чем передать его заказчику, а также представим подборку наших модификаций, которые помогут довести ваш сайт до совершенства. Как всегда, информация подана кратко и без лишней воды.
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥2👀2👍1
🔄 В библиотеку была добавлена новая модификация <TCD063>Поле доставка в виде выпадающего списка в корзине

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥5👍2
📣 Обновление Тильда

🔸 В стандартные блоки с кнопками была добавлена новая панель настроек теней. Можно настраивать цвет, прозрачность, смещение, размытие и растяжение тени. Также есть возможность создать многослойные тени, добавив несколько слоев. Кроме того, вы можете выбрать тень из готовых пресетов или вставить её в формате CSS.

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

Модификация <TCD048> Поле рейтинга в стандартных формах теперь не так актуальна(

#новостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥31😁1
🔄 В библиотеку добавлена новая модификация <TCD064>Адаптация таблицы CL46 на мобилках

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥137👍2
🔄 Обновление в Tilda

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

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

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

#новостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥103👏2
🔄 Библиотека пополнилась новой модификацией <TCD065>Слайдер для изображений в Zero Block

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

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

👀 Смотреть демо
Please open Telegram to view this post
VIEW IN TELEGRAM
10🔥6👍1
⚡️ Библиотека пополнилась новой модификацией <TCD066>Кнопка "продолжить покупки" в корзине тильда

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

👀 Смотреть демо
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥5👍2
Библиотека пополнилась новой модификацией <TCD067>Кастомизация блоков гармошек TX16N и TX16N2

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

👀 Смотреть демо
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥83👍3
🔄 Подборка старых модификаций которые были обновлены в этом месяце

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

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

🔸<TCD038> Кастомизация углов у шейпов и картинок
- Появилась возможность скруглять углы в галерее зеро блок.
Please open Telegram to view this post
VIEW IN TELEGRAM
9👍3👌1
🔄 Библиотека пополнилась новой модификацией <TCD068>Активный пункт меню в Zero Block

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥65👏3
⚡️ Библиотека пополнилась новой модификацией <TCD069>Своя кнопка «Загрузить еще» в блоках магазина

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍32
Media is too big
VIEW IN TELEGRAM
🔥 Обновление Тильда: Автолейауты в Zero Block

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

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

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

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

#НовостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14😱64👍4
🔄 В библиотеку добавилась новая бесплатная модификация <TCD070>Свое окно "спасибо" для формы в зеро блок

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

Особенности модификации:

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥5👏3
🔄 Подборка старых модификаций которые были обновлены в этом месяце.

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

🔸 <TCD026> Эффект зума при наведении на изображение
- В поле "дополнительный эффект" можно выбрать опцию "заливка при наведении". Можно указать прозрачность и цвет заливки при наведении курсора на картинку.
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍2🔥2👌2
📣 Эмодзи в текстах, формах, а также в названиях проектов, страниц и папок

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

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

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

#новостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3👏2
🟢 В библиотеку добавилась новая модификация <TCD071>Эффект градиентная сфера следующая за курсором

Особенности модификации:

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
👍54🔥3
🔄 В библиотеку добавилась новая модификация <TCD072>Форма предзаказа для товара который закончился

Особенности модификации:
🔸 Работает с блоками ST300, ST305N, ST310N, ST315N, ST320N. Товары нужно грузить в каталог тильда;
🔸 Возможность настроить свой текст для кнопки "нет в наличии";
🔸 Данные из формы предзаказа будут приходить как и с обычных форм (на почту, в телеграмм и .т д.);
🔸 В форму предзаказа автоматически вшивается название товара;
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥4👍3
🔄 Библиотека пополнилась новой модификацией <TCD073>Кастомные кнопки для галереи в Zero Block

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

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
👍63🔥3👏2
🔥 Библиотека пополнилась новой модификацией <TCD074>Имитация фейковых заказов для магазина Тильда

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

Особенности модификации
:
🔸 Отображение уведомлений через случайные интервалы времени. Например, если указать 30 секунд, скрипт будет выбирать случайное число от 5 до 30 секунд перед показом уведомления.
🔸 Возможность настроить время перед показом первого уведомления.
🔸 Возможность вставлять до 5 ключей в текст, чтобы добавить элемент рандомна. Подробнее о ключах читайте в инструкции к модификации.
🔸 Возможность задать лимит сообщений. Например, если указать 10, то после показа 10 сообщений скрипт отключится. Обновление страницы сбрасывает счетчик.
🔸 Настройка уведомлений (цвет, ширина, скругление углов и т. д.).

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥85👍3