# postnikovmd — Модификации для Тильды

Системная библиотека для Тильды, которая превращает любой Zero-блок в функциональный компонент со своим поведением, состояниями и анимацией. 
По сути это фреймворк поверх Тильды: платформа с единым ядром, оркестрацией модов, событийной моделью и сквозной диагностикой.
В библиотеке 36 уникальных модификаций: функционал и компоненты (слайдеры, аккордеоны, хэдеры, формы, вкладки, автоскейл и др.), анимации/эффекты, личный кабинет и интернет-магазин. 
Они подключаются один раз в  сайта, запускаются единым паттерном *.init(selector, params) и комбинируются друг с другом (например, слайдер во вкладках, аккордеон в поп-апе и др.).
Код модификаций бесплатный (с открытой лицензией MIT); [Подписка Pro](https://postnikovmd.com/mods/pricing) открывает доступ к расширенным настройкам в генераторе кода, модулям личного кабинета и интернет-магазина и [библиотеке примеров](https://postnikovmd.com/mods/examples).
Вокруг продукта выстроен слой self-service: [документация](https://postnikovmd.com/mods/docs), [видеоинструкции](https://vkvideo.ru/video718279738_456239024?pl=718279738_1), [расширение](https://chromewebstore.google.com/detail/postnikovmd-%D0%BC%D0%BE%D0%B4%D0%B8%D1%84%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D0%B8-%D0%B4/oiakcpomifaajfnmkndhgeecdcoepjlp) и [алгоритм поддержки](https://postnikovmd.com/mods/support).
У каждой модификации есть встроенная диагностика: добавьте `?showerrors` к адресу страницы, чтобы посмотреть ошибки и рекомендации по их исправлению.
Автор — [Максим Постников](https://postnikovmd.com).

## Основные страницы

- [Модификации для Zero-блоков](https://postnikovmd.com/mods): библиотека модификаций, которая расширяет возможности Тильды и добавляет продвинутую логику и функционал.
- [Документация](https://postnikovmd.com/mods/docs): всё о работе с библиотекой модификаций — от различных настроек до примеров использования и наиболее распространённых ошибок.
- [Подписка и стоимость](https://postnikovmd.com/mods/pricing): подписка Pro открывает доступ к продвинутым настройкам, дополнительным модулям и готовым сценариям для ускорения разработки сайтов на Тильде.
- [Каталог примеров модификаций](https://postnikovmd.com/mods/examples): 90+ примеров модификаций для Zero-блоков Тильды: слайдеры, вкладки, аккордеоны, поп-апы и анимации. Готовые решения, которые можно скопировать в проект.
- [Поддержка](https://postnikovmd.com/mods/support): пошаговый алгоритм проверки и решения проблем при установке модификаций.
- [Помощь с установкой](https://postnikovmd.com/mods/support/form): заявка на помощь с установкой или доработкой модификации под конкретную задачу.

## Модификации — Функционал

- [Расширенный автоскейл](https://postnikovmd.com/mods/rescale): добавляет масштабирование в обратную сторону, удержание по центру и [автоскейл для стандартных блоков](https://postnikovmd.com/mods/rescale/default). Можно настроить [отключение для отдельных устройств](https://postnikovmd.com/mods/rescale/disable).
- [Шапка и меню из Zero-блоков](https://postnikovmd.com/mods/header): позволяет собрать кастомный хэдер с фиксацией, выпадающими меню, меню-бургером и множеством настроек: показ/скрытие по скроллу, выделение активной страницы и др.
- [Zero-слайдер](https://postnikovmd.com/mods/slider): слайдер в Zero-блоке с управлением стрелками и свайпом. Можно разместить внутри [любого шейпа](https://postnikovmd.com/mods/slider/shape) или сделать отдельное [переключение вкладок](https://postnikovmd.com/mods/slider/tabs) по нажатию на слайды.
- [Zero-вкладки](https://postnikovmd.com/mods/tabs): вкладки из Zero-блоков с активным состоянием, управлением кнопками и анимацией. Можно использовать как [переключатель блоков](https://postnikovmd.com/mods/tabs/inline) или [переключатель контента](https://postnikovmd.com/mods/tabs/switch) внутри блока.
- [Кастомные формы в Zero-блоке](https://postnikovmd.com/mods/forms): позволяет объединить несколько форм со своим дизайном в единую форму отправки данных. Можно задать [своё окно успешной отправки](https://postnikovmd.com/mods/forms/success) или [свои условия проверки значений](https://postnikovmd.com/mods/forms/validate).
- [Квиз из Zero-блоков](https://postnikovmd.com/mods/quiz): позволяет создать пошаговый квиз из нескольких Zero-блоков с единой формой отправки данных и сохранением прогресса.
- [Продвинутый слайдер в Zero-блоке](https://postnikovmd.com/mods/swiper): позволяет собирать сложные слайдеры с настраиваемым поведением, пагинацией и эффектами. Поддерживает варианты со [скроллбаром](https://postnikovmd.com/mods/swiper/scrollbar) или [нумерацией слайдов](https://postnikovmd.com/mods/swiper/fractions).
- [Поп-апы из Zero-блоков](https://postnikovmd.com/mods/popup): кастомные всплывающие окна из Zero-блоков с настраиваемой анимацией и поведением. Можно добавить [переключение слайдов](https://postnikovmd.com/mods/popup/slides) внутри поп-апа или встроить [форму обратной связи](https://postnikovmd.com/mods/popup/form).
- [Тултипы в Zero-блоке](https://postnikovmd.com/mods/tooltip): позволяет создать внутри Zero-блока кастомные подсказки с настраиваемым поведением и поддержкой базовых и SBS-анимаций.
- [Zero-аккордеон](https://postnikovmd.com/mods/accordion): аккордеон с разворачивающимися карточками и поддержкой автолэйаутов. Можно расположить [в несколько колонок](https://postnikovmd.com/mods/accordion/multiple) или собрать [из отдельных блоков](https://postnikovmd.com/mods/accordion/default).
- [Свои кнопки управления видео](https://postnikovmd.com/mods/video): позволяет создать свои кнопки управления для видео в Zero-блоке с запуском по клику или наведению. Можно управлять как видео, так и [аудио](https://postnikovmd.com/mods/audio).
- [Кастомный прелоадер из Zero-блока](https://postnikovmd.com/mods/preloader): кастомный прелоадер сайта из Zero-блока с настраиваемой логикой показа и поддержкой Lottie-анимаций.
- [Свои иконки в кнопках Zero-блока](https://postnikovmd.com/mods/buttons): добавляет кастомные иконки для кнопок в Zero-блоке с настраиваемым расположением и стилями при наведении.
- [Таймер в Zero-блоке](https://postnikovmd.com/mods/timer): добавляет таймер обратного отсчёта в Zero-блок и позволяет собрать его из [одного](https://postnikovmd.com/mods/timer) или [нескольких](https://postnikovmd.com/mods/timer/split) текстовых элементов.
- [Показ/скрытие блоков по кнопкам](https://postnikovmd.com/mods/more): позволяет скрывать и показывать один или несколько блоков по клику на заданные кнопки. Поддерживает как Zero, так и стандартные блоки.
- [Копирование текста в Zero-блоке](https://postnikovmd.com/mods/copy): позволяет копировать текст при нажатии на определённую кнопку. Можно настроить подсказку при копировании и своё сообщение успеха.
- [Мультизаголовки в Zero-блоке](https://postnikovmd.com/mods/tags): объединяет несколько текстовых элементов в общий заголовок, который поисковики воспринимают как единый H1, H2 или H3.
- [Сокращение текста по количеству строк](https://postnikovmd.com/mods/truncate): сокращает любой текст в Zero-блоке до заданного количества строк с многоточием в конце.
- [Lottie-анимации в Zero-блоке](https://postnikovmd.com/mods/lottie): добавляет настраиваемые Lottie-анимации в любой шейп Zero-блока и позволяет управлять их воспроизведением.
- [Гравитация объектов в Zero-блоке](https://postnikovmd.com/mods/gravity): добавляет физику элементам в Zero-блоке и позволяет создать эффект их падения с реалистичными столкновениями и взаимодействием.
- [Потоки в Zero-блоке](https://postnikovmd.com/mods/feed): позволяет вывести карточки постов из потоков Тильды в Zero-блок со своей вёрсткой и пагинацией. Можно разместить в качестве рекомендаций на страницах самих статей.
- [Кнопка «Вернуться назад»](https://postnikovmd.com/mods/back): позволяет вернуться на предыдущую или главную страницу по нажатии на кнопку.

## Модификации — Анимации

- [Эффект переворота карточек при наведении/клике](https://postnikovmd.com/mods/flip): позволяет переворачивать карточки в Zero-блоке при наведении или клике.
- [Эффект 3D-поворота карточек при наведении](https://postnikovmd.com/mods/tilt): добавляет эффект 3D-поворота карточек в Zero-блоке при наведении.
- [Анимация появления текста по словам](https://postnikovmd.com/mods/textsplit): добавляет эффект появления текста в Zero-блоке по каждому слову или букве.
- [Анимация чисел с увеличением/уменьшением](https://postnikovmd.com/mods/numbers): позволяет анимировать рост чисел в Zero-блоке с плавным увеличением или уменьшением.
- [Анимация перемешивания текста](https://postnikovmd.com/mods/shuffle): добавляет эффект перемешивания букв в тексте с запуском по скроллу или нажатию определённой кнопки.
- [Эффект конфетти в Zero-блоке](https://postnikovmd.com/mods/confetti): добавляет эффект разлетающихся частиц конфетти внутри любого элемента в Zero-блоке.

## Модификации — Личный кабинет (Pro)

- [Страница авторизации в Zero-блоке](https://postnikovmd.com/mods/members/sign): позволяет создать свои страницы авторизации в личном кабинете из Zero-блоков. Поддерживает [вход в аккаунт](https://postnikovmd.com/mods/members/sign), [регистрацию](https://postnikovmd.com/mods/members/sign/register) и [восстановление пароля](https://postnikovmd.com/mods/members/sign/recover).
- [Страница профиля в Zero-блоке](https://postnikovmd.com/mods/members/profile): позволяет собрать собственную страницу редактирования профиля со всеми настройками, возможностью [смены пароля](https://postnikovmd.com/mods/members/profile/password) и [загрузки данных профиля](https://postnikovmd.com/mods/members/profile/load) в любой блок.
- [История заказов/покупок в Zero-блоке](https://postnikovmd.com/mods/members/orders): добавляет возможность вывести историю заказов и покупок в любой Zero-блок.
- [Страница курсов в Zero-блоке](https://postnikovmd.com/mods/members/courses): позволяет вывести список курсов пользователя в Zero-блоке с автоматическим созданием и синхронизацией карточек.
- [Своя кнопка выхода из личного кабинета](https://postnikovmd.com/mods/members/logout): позволяет использовать любую кнопку в Zero-блоке для выхода из личного кабинета.
- [Скрытие стандартной иконки профиля](https://postnikovmd.com/mods/members/hideuserbar): скрывает стандартную иконку вызова меню личного кабинета, чтобы заменить её своей.

## Модификации — Интернет-магазин (Pro)

- [Каталог товаров в Zero-блоке](https://postnikovmd.com/mods/store): позволяет вывести карточки товаров из каталога Тильды в Zero-блок со своей вёрсткой, пагинацией, разделами и поиском.
- [Карточка товара в Zero-блоке](https://postnikovmd.com/mods/store/product): позволяет создать свою детальную страницу продукта и синхронизировать её параметры и свойства с каталогом Тильды.
- [Похожие товары в Zero-блоке](https://postnikovmd.com/mods/store/relevants): позволяет вывести рекомендованные товары из той же категории каталога в Zero-блок. Можно разместить на любой странице.
- [Корзина и избранное в Zero-блоке](https://postnikovmd.com/mods/store/cart): позволяет сделать собственные иконки корзины и избранного в Zero-блоке со счётчиком товаров.

## Документация

- [Библиотека модификаций](https://postnikovmd.com/mods/docs/basics): обзорная статья. Все особенности и возможности библиотеки, необходимые для работы с модификациями.
- [Слайдер в Zero-блоке](https://postnikovmd.com/mods/docs/slider): документация к модификации. Как работает Zero-слайдер, его параметры, интеграции и распространённые ошибки.
- [Кастомные формы в Zero-блоке](https://postnikovmd.com/mods/docs/forms): документация к модификации. Как работает мультиформа, окно успеха, валидация полей, события и распространённые ошибки.
- [Аккордеон в Zero-блоке](https://postnikovmd.com/mods/docs/accordion): документация к модификации. Как работает аккордеон, как добавить в него карточки, статический контент и др.
- [Расширенный автоскейл](https://postnikovmd.com/mods/docs/rescale): документация к модификации. Как настроить автоскейл в обратную сторону, увеличивать стандартные блоки и др.
- [Вкладки из Zero-блоков](https://postnikovmd.com/mods/docs/tabs): документация к модификации. Как работают Zero-вкладки, их настройки, интеграции с другими модами и др.
- [Шапка и меню из Zero-блоков](https://postnikovmd.com/mods/docs/header): документация к модификации. Подробный гайд о том, как работает кастомный хэдер, его возможности, функции и параметры.
- [Поп-апы из Zero-блоков](https://postnikovmd.com/mods/docs/popup): документация к модификации. О механиках работы поп-апа, способах использования модификации и др.
- [Личный кабинет в Zero-блоке](https://postnikovmd.com/mods/docs/members): документация к модификации. О сборке своих страниц входа, профиля, заказов и курсов поверх кабинета Тильды.
- [Интернет-магазин в Zero-блоке](https://postnikovmd.com/mods/docs/store): документация к модификации. Как вывести товары из каталога Тильды, собрать карточку и связать с корзиной.
- [Потоки в Zero-блоке](https://postnikovmd.com/mods/docs/feed): документация к модификации. О том, как вывести посты из потоков Тильды в свои карточки с пагинацией.
- [Таймер в Zero-блоке](https://postnikovmd.com/mods/docs/timer): документация к модификации. Как работает таймер обратного отсчёта, его режимы, события и триггеры.
- [Продвинутый слайдер в Zero-блоке](https://postnikovmd.com/mods/docs/swiper): документация к модификации. Как работает продвинутый слайдер, его элементы, настройки и примеры.