БОТКА

TILDA

МОДИФИКАЦИЙ

РАЗРА

Готовые модификации
Кейсы
О разработчике
Отзывы
Цены
Контакты
скрипты, анимации, интеграции — всё под ключ
прокачаю ваш сайт на Tilda до уровня PRO
расширяю возможности Tilda через код
делаю больше, чем позволяет стандартная Tilda
индивидуальные скрипты и стили для вашего сайта
Давид Агаджанян
МОДИФИКАЦИЙ
TILDA
РАЗРАБОТКА
-некоторые работы

Кейсы

10
160 000
Стоимость:
Задача:
led13.ru
связать интерфейс с Kinescope, чтобы через интерфейс загружать видео в Kinescope и сразу добавлять в слайдер
разработать интерфейс для удобной сборки слайдера
разработать видео слайдер типа YouTube shorts
09
15 000
Стоимость:
Задача:
led13.ru
обновлять значения при каждом изменении кол-ва товаров
перед итоговой суммой вывести сумму старых цен и скидку
отобразить в корзине старые цены товаров рядом с новыми
08
6 000
Стоимость:
Задача:
led13.ru
в карточках товаров автоматически вычислить разницу сторой цены и новой цены и вывести эту разницу в процентах в виде иконки
07
43 000
Стоимость:
Задача:
использовать API для расчета и отображения актуальной стоимости доставки
набор-первоклассника.рф
интегрировать в корзину службу доставки ПЭК и Яндекс Доставка с возможностью выбора города и ПВЗ
06
10 000
Стоимость:
Задача:
добавить в карточки товаров дополнительный блок цен со скидками (разные скидки для разного количества товаров) и автоматическим расчетом цены со скидкой в зависимости от первоночальной цены товара
набор-первоклассника.рф
05
25 000
Стоимость:
Задача:
создать в потоках адаптивную таблицу с данными
о компании
разработать интерфейс для создания и заполнения
новых таблиц без затрагивания кода
finpr.agency
04
20 000
Стоимость:
Задача:
создать в потоках аккордеон с часто задаваемыми
вопросами и ответами
разработать интерфейс для создания и заполнения аккордеонов без затрагивания кода
finpr.agency
03
7 000
Стоимость:
Задача:
создать в потоках иконки "Поделиться" в социальных сетях
добавить в потоки индикатор "Время чтения"
finpr.agency
02
8 000
Стоимость:
Задача:
создать кастомную страницу и форму авторизации
форма должна открываться во всплывающем окне при нажатии на кнопку
premier-club
01
10 000
Стоимость:
Задача:
добавить кастомный выпадающий список в стандартное поле формы тильды из 9000 позиций
добавить возможность поиска в кастомном выпадающем списке с фильтрацией всех позиций
dajets.com
-немного фактов

О разработчике

Агаджанян Давид
Full-stack разработчик
1
Уже несколько лет я помогаю бизнесам и проектам раскрывать весь потенциал платформы Tilda за счёт нестандартных решений, которые выходят за рамки стандартного функционала.
Моя цель — упростить работу с Tilda и помочь вам воплотить любые идеи: от анимаций до сложной логики и интеграций.
3
Я также являюсь основателем LF-Code — библиотеки готовых модификаций для Тильды, которая стала надёжным инструментом для сотен веб-разработчиков и владельцев сайтов.
2
4
Работаю быстро, аккуратно и всегда нацелен на результат. Если вы хотите, чтобы ваш сайт на Tilda выделялся и работал так, как нужно вам — я к вашим услугам.
Меня зовут Давид, я — разработчик, специализирующийся на создании индивидуальных модификаций для сайтов на Tilda Publishing.
01
dajets.com
при клике по любой из позиций, нужное значение отображается в дополнительном поле и дублируется в стандартный выпадающий список, чтобы в форму заявки отправилось корректное значение
в скрипт добавили функцию, которая при вводе в дополнительном поле фильтрует весь список и отображает только позиции, релевантные введенному запросу
при нажатии на дополнительное поле появляется скрытый блок со всеми позициями внутри в виде списка
написали скрипт, который при загрузке страницы получает все позиции из файла с сервера и записывает их в скрытый блок, созданный в зеро блоке в HTML элементе
TXT файл с 9000 позициями сохранили на отдельном хостинге
добавили дополнительное поле ввода в одну строку поверх скрытого выпадающего списка
стандартный выпадающий список формы сделали полностью прозрачным
02
premier-club
кнопке в первом зеро блоке присвоили ссылку для открытия попапа с формой авторизации
с помощью блока T1093 "Zero block в попапе" скрыли зеро блок с формой
в другом зеро блоке собрали форму авторизации и связали эту форму с тильдой с помощью модификации
созданной странице присвоили ссылку, которая открывает стандартную страницу авторизации
создали кастомную страницу авторизации с помощью зеро блока и добавили в неё кнопку
03
finpr.agency
в основной HEAD сайта вставили CSS код и скрипт, который делает репост конкретной страницы
html код вставили в редактор потоков с помощью элемента Embed HTML Code
прописали ссылки на социальные сети, в которые будет репост
сверстали блок с иконками с нуля, используя html и css
04
finpr.agency
нажатие на первую кнопку добавляет новую пару полей для вопроса и ответа, нажатие на вторую кнопку сохраняет сгенерированный код в буфер обмена для последующей вставки в поток
дополнительно разработали и сверстали интрефейс, который позволяет добавлять в аккордеон новые поля, прописывать новые вопросы и ответы, без необходимости делать это вручную через код
HTML шаблон аккордеона с нужными заполнением вставляется в потоки через элемент Embed HTML Code
при помощи JavaScript написали код, который разворачивает аккордеон при нажатии на кнопки
в основной HEAD сайта вставили CSS и JavaScript
сверстали шаблон аккордеона по предоставленному макету и стилизовали его, используя HTML и CSS
05
finpr.agency
нажатие на первую кнопку добавляет новую строку с лвумя полями, нажатие на вторую кнопку сохраняет сгенерированный код в буфер обмена для последующей вставки в поток
дополнительно разработали и сверстали интрефейс, который позволяет заполнять таблицу и добавлять новые строки, без необходимости делать это вручную через код
HTML шаблон таблицы с нужным заполнением вставляется в потоки через элемент Embed HTML Code
прописали необходимые стили для адаптивности таблицы
в основной HEAD сайта вставили CSS
сверстали шаблон таблицы по предоставленному макету и стилизовали его, используя HTML и CSS
06
набор-первоклассника.рф

JavaScript и CSS стили вставили в основной HEAD сайта, чтобы код работал со всеми страницами
прописали необходимые стили для адаптивности блока и добавили иконки со скидками
разработали скрипт, который в каждый товар вставляет дополнительный блок и расчитывает цены со скидками в зависимости от первоначальной стоимости
сверстали шаблон блока по предоставленному макету и стилизовали его, используя HTML и CSS
07
набор-первоклассника.рф
доставка по ПЭК расчитывается аналогично, но без пунктов выдачи (из города в город)
при каждом изменении количества товаров, пункта выдачи или города, отправляется новый запрос, чтобы стоимость доставки всегда была актуальной
после этого от Яндекс Доставки приходит ответный запрос со стоимостью доставки, которая добавляется в соответсвующее поле в корзине и обнволяется в нескольих местах кода
после выбора пункта выдачи по API отправляется адрес пункта выдачи, ДШВ всех товаров в корзине (ДШВ заранее передали в корзину при помощи дополнительного скрипта), вес товаров и способ оплаты
когда покупатель вводит название города и выбирает Яндекс Доставка, показывается скрытый выпадающий список, в который автоматически загружаются адреса всех пунктов выдачи в введенном городе
добавили функцию, в которой, если количество товаров в корзине меньше 10, то показывается Яндекс Доставка, если больше 10, то показывается вариант с ПЭК
разработали скрипт, который добавляет в корзину дополнительное поле с выпадающим списком выбора пункта выдачи
в скриптах с API запросами прописали адреса, откуда будет отправка товара
разработали два скрипта с API запросами в ПЭК и Яндекс Доставка
добавили стандратное поле для ввода города доставки
08
led13.ru
код модификации и стили вставили в основной HEAD сайта для работы на всех страницах
стилизация блока с процентами происходит через CSS стили
также модификация считает разницу между старой и новой ценой товара и выводит эту разницу в процентном соотношении в пустом блоке
разработали модификацию, которая добавляет во все карточки дополнительный пустой блок
09
led13.ru
код модификации и стили вставили в основной HEAD сайта для работы на всех страницах
при каждом изменении количества товаров в корзине происходит перерасчет всех показателей
эта же модификация считает и выводит сумму всех старых цен и разницу между суммой старых цен и суммой итоговых цен в виде скидки перед отображением финальной стоимости
разработали модификацию, которая через название товара передает старые цены в корзину
10
led13.ru
у каждого видео есть уникальный идентификатор, который при нажатии на кнопку "Поделиться" передается в адресную строку браузера и создается уникальная ссылка, при переходе по которой открывается конкретное видео
на каждом видео есть кнопка закрытия всего блока с видео, кнопка включения и выключения звука, прогресс-бар и кнопка "Поделиться"
на компьютерах и на мобильных видео виджет отображается по разному
при нажатии на любую из обложек открывается окно и происходит прокрутка именно к тому видео, на чью обложку был клик
в Тильде в блок Т123 вставляется сгенерированный код и на этом месте появляется плитка или скролл блок с обложками для каждого видео
параллельно с этим генерируется код виджета на основе добавленного контента и настроек в интерфейсе, а также сохранятеся сгенерированный код в буфер обмена
при нажатии на кнопку сохранения весь контент интерфейса сохраняется на сервере, чтобы при следующем почещении интерфейса сохранились все изменения
добавленные блоки можно переставлять местами (и виджете порядок видео изменится) или удалить их
при нажатии на кнопку "CSS" открывается меню для стилизации элементов видео виджета
для каждого товара можно загрузить иконку, прописать название, стоимость, старую стоимость и ссылку на страницу с этим товаром для перехода к этому товару прямо из видео
если блоков с товаром несколько, то автоматически создается слайдер с товарами на видео
при нажатии на "Добавить товар" создается отдельный блок с товаром внутри конкретного видео
во второе поле аналогичным образом добавляется постер для видео, но осхраняется на хостинге
при загрузке с устройства, видео отправляется в kinescope по API, а ссылка автоматически вставляется в поле
в первое поле можно вставить ссылку на видео, загрузить с устройства либо выбрать из загруженных
при нажатии на кнопку "Развернуть" добавленный блок раскрывается
изначально все новые поля добавляются в свернутом виде
при нажатии на "+" создается новый блок с полями для добавления видео и обложек
разработали интерфейс, в котором собирается видео виджет целиком
Пожалуйста, заполните форму!
Я скоро с Вами свяжусь.
Made on
Tilda