добавить в карточки товаров дополнительный блок цен со скидками (разные скидки для разного количества товаров) и автоматическим расчетом цены со скидкой в зависимости от первоначальной цены товара
Результат:
гибкая система скидок для карточек товаров с автоматическим расчётом финальной цены
Кастомный выпадающий список в поле стандартной формы тильды
Задача:
добавить кастомный выпадающий список в стандартное поле формы тильды из 9000 позиций
добавить возможность поиска в кастомном выпадающем списке с фильтрацией всех позиций
Что сделано:
стандартный выпадающий список формы сделали полностью прозрачным
добавили дополнительное поле ввода в одну строку поверх скрытого выпадающего списка
TXT файл с 9000 позициями сохранили на отдельном хостинге
написали скрипт, который при загрузке страницы получает все позиции из файла с сервера и записывает их в скрытый блок, созданный в зеро блоке в HTML элементе
при нажатии на дополнительное поле появляется скрытый блок со всеми позициями внутри в виде списка
в скрипт добавили функцию, которая при вводе в дополнительном поле фильтрует весь список и отображает только позиции, релевантные введенному запросу
при клике по любой из позиций, нужное значение отображается в дополнительном поле и дублируется в стандартный выпадающий список, чтобы в форму заявки отправилось корректное значение
Результат:
в результате клиент получил форму, полностью соответствующую его сценарию, без ограничений стандартных блоков Tilda
Аккордеон для потоков с интерфейсом
Задача:
создать в потоках кастомный блок с FAQ
разработать интерфейс для удобного создания новых блоков и редактирования старых без затрагивания кода
Что сделано:
сверстали шаблон аккордеона по предоставленному макету и стилизовали его, используя HTML и CSS
при помощи JavaScript написали код, который разворачивает аккордеон при нажатии на кнопки
в основной HEAD сайта вставили CSS и JavaScript
HTML шаблон аккордеона с нужными заполнением вставляется в потоки через элемент Embed HTML Code
дополнительно разработали и сверстали интерфейс, который позволяет добавлять в аккордеон новые поля, прописывать новые вопросы и ответы, без необходимости делать это вручную через код
нажатие на первую кнопку добавляет новую пару полей для вопроса и ответа, нажатие на вторую кнопку сохраняет сгенерированный код в буфер обмена для последующей вставки в поток
Результат:
клиент получил генератор блоков с часто задаваемыми вопросами и ответами, которые можно использовать не только в потоках, но и на любых других страницах
Передача старых цен в корзину с авто расчетом суммы скидки
Задача:
передать в корзину старые цены, чтобы рассчитать скидку каждого товара по отдельности и вывести их общую сумму скидки до итоговой цены
Что сделано:
разработали модификацию, которая через название товара передает старые цены в корзину
эта же модификация считает и выводит сумму всех старых цен и разницу между суммой старых цен и суммой итоговых цен в виде скидки перед отображением финальной стоимости
при каждом изменении количества товаров в корзине происходит перерасчет всех показателей
код модификации и стили вставили в основной HEAD сайта для работы на всех страницах
Результат:
работа корзины полностью отвечает запросам клиента
Виджет типа YouTube Shorts в Тильде + многофункциональный интерфейс
Задача:
разработать видео слайдер по типу YouTube Shorts с привязкой товаров
разработать интерфейс для управления и редактирования
Что сделано:
разработали интерфейс, в котором собирается видео виджет целиком
при нажатии на "+" создается новый блок с полями для добавления видео и обложек
изначально все новые поля добавляются в свернутом виде
при нажатии на кнопку "Развернуть" добавленный блок раскрывается
видео вставляется по ссылке, с устройства либо выбирается из уже загруженных
при загрузке с устройства, видео отправляется в kinescope по API, а ссылка автоматически вставляется в поле
при нажатии на "Добавить товар" создается отдельный блок с товаром внутри конкретного видео
если блоков с товаром несколько, то автоматически создается слайдер с товарами на видео
для каждого товара можно загрузить иконку, прописать название, стоимость, старую стоимость и ссылку на страницу с этим товаром для перехода к этому товару прямо из видео
добавили отдельное всплывающее меню для стилизации элементов видео виджета
добавленные блоки можно переставлять местами (и виджете порядок видео изменится) или удалить их
при сохранении весь контент интерфейса сохраняется на сервере, чтобы при следующем посещении интерфейса сохранились все изменения
параллельно с этим генерируется код виджета на основе добавленного контента и настроек в интерфейсе, а также сохраняется сгенерированный код в буфер обмена
при нажатии на любую из обложек открывается окно и происходит прокрутка именно к тому видео, на чью обложку был клик
на компьютерах и на мобильных видео виджет отображается по разному
у каждого видео есть уникальный идентификатор, который при нажатии на кнопку "Поделиться" передается в адресную строку браузера и создается уникальная ссылка, при переходе по которой открывается конкретное видео
Результат:
клиент получил полноценный инструмент (а не просто модификацию) для продвижения своих товаров, не имеющий аналогов
Интеграция в корзину сервисов доставки с пунктами ПВЗ
Задача:
интегрировать в корзину службу доставки ПЭК и Яндекс Доставка с возможностью выбора города и ПВЗ и авто расчетом актуальной цены доставки
Что сделано:
добавили стандартное поле для ввода города доставки
разработали два скрипта с API запросами в ПЭК и Яндекс Доставка
в скриптах с API запросами прописали адреса, откуда будет отправка товара
разработали скрипт, который добавляет в корзину дополнительное поле с выпадающим списком выбора пункта выдачи
добавили функцию, в которой, если количество товаров в корзине меньше 10, то показывается Яндекс Доставка, если больше 10, то показывается вариант с ПЭК
когда покупатель вводит название города и выбирает Яндекс Доставка, показывается скрытый выпадающий список, в который автоматически загружаются адреса всех пунктов выдачи в введенном городе
после выбора пункта выдачи по API отправляется адрес пункта выдачи, ДШВ всех товаров в корзине (ДШВ заранее передали в корзину при помощи дополнительного скрипта), вес товаров и способ оплаты
после этого от Яндекс Доставки приходит ответный запрос со стоимостью доставки, которая добавляется в соответствующее поле в корзине и обновляется в нескольких местах кода
при каждом изменении количества товаров, пункта выдачи или города, отправляется новый запрос, чтобы стоимость доставки всегда была актуальной
Результат:
полная поддержка Яндекс Доставка и ПЭК в корзине
Гибкая система скидок в карточке товара
Задача:
добавить в карточки товаров дополнительный блок цен со скидками (разные скидки для разного количества товаров) и автоматическим расчетом цены со скидкой в зависимости от первоначальной цены товара
Что сделано:
сверстали шаблон блока по предоставленному макету и стилизовали его, используя HTML и CSS
прописали необходимые стили для адаптивности блока и добавили иконки со скидками
разработали скрипт, который в каждый товар вставляет дополнительный блок и рассчитывает цены со скидками в зависимости от первоначальной стоимости
JavaScript и CSS стили вставили в основной HEAD сайта, чтобы код работал со всеми страницами
Результат:
гибкая система скидки, размер которой зависит от количества выбранного товара
Адаптивные таблицы с интерфейсом для заполнения
Задача:
создать в потоках адаптивную таблицу с данными о компании
разработать интерфейс для создания и заполнения новых таблиц без затрагивания кода
Что сделано:
сверстали шаблон таблицы по предоставленному макету и стилизовали его, используя HTML и CSS
прописали необходимые стили для адаптивности таблицы
в основной HEAD сайта вставили CSS
HTML шаблон таблицы с нужным заполнением вставляется в потоки через элемент Embed HTML Code
дополнительно разработали и сверстали интерфейс, который позволяет заполнять таблицу и добавлять новые строки, без необходимости делать это вручную через код
Результат:
многоразовая таблица, которая удобно заполняется через интерфейс
Виджет "Поделиться" для потоков
Задача:
создать в потоках иконки "Поделиться" в социальных сетях
добавить в потоки индикатор "Время чтения
Что сделано:
сверстали блок с иконками с нуля, используя html и css
прописали ссылки на социальные сети, в которые будет репост
html код вставили в редактор потоков с помощью элемента Embed HTML Code
в основной HEAD сайта вставили CSS код и скрипт, который делает репост конкретной страницы
Результат:
удобные кнопки «Поделиться» и индикатор времени чтения для потоков Tilda
Форма авторизации в попапе
Задача:
создать кастомную страницу и форму авторизации, которая открывается во всплывающем окне
Что сделано:
создали кастомную страницу авторизации с помощью зеро блока и добавили в неё кнопку
удобные кнопки «Поделиться» и индикатор времени чтения для потоков Tilda
созданной странице присвоили ссылку, которая открывает стандартную страницу авторизации
в другом зеро блоке собрали форму авторизации и связали эту форму с тильдой с помощью модификации
с помощью блока T1093 "Zero block в попапе" скрыли зеро блок с формой
кнопке в первом зеро блоке присвоили ссылку для открытия попапа с формой авторизации
Результат:
pop-up форма авторизации с кастомной логикой и дизайном
Расчет и отображение процента скидки в карточке товара
Задача:
в карточках товаров автоматически вычислить разницу старой цены и новой цены и вывести эту разницу в процентах в виде иконки
Что сделано:
разработали модификацию, которая добавляет во все карточки дополнительный пустой блок
также модификация считает разницу между старой и новой ценой товара и выводит эту разницу в процентном соотношении в пустом блоке
стилизация блока с процентами происходит через CSS стили
код модификации и стили вставили в основной HEAD сайта для работы на всех страницах
Результат:
иконка скидки в карточках товаров, которая рассчитывается автоматически
-бизнесу, дизайнерам и тем, кому стандартной Тильды мало
Кому подойдет
Владельцам сайтов Если хочется больше, чем позволяет стандартная Tilda: сложная логика, интерактив, анимации, нестандартные эффекты. Дорабатываю сайт кастомными скриптами и превращаю идею в рабочий функционал.
01
Дизайнерам и маркетологам Если делаете сайты для клиентов и упираетесь в ограничения платформы. Добавляю кастомные анимации, скрипты и интеграции без компромиссов по дизайну.
02
Бизнесу Если нужно выделяться и автоматизировать процессы, а не просто «сайт-визитка». Формы с логикой, CRM-интеграции, калькуляторы и интерактив под ключ.
0
3
Агентствам и студиям Если нужен технический партнёр под Tilda. Беру на себя разработку и доработки — разово или на постоянной основе.
04
-немного фактов
О разработчике
Агаджанян Давид
Full-stack разработчик
1
Несколько лет помогаю бизнесам и проектам раскрывать потенциал Tilda за счёт кастомных решений, выходящих за рамки стандартного функционала.
Моя цель — упростить работу с Tilda и помочь реализовать любые идеи: от анимаций до сложной логики и интеграций.
К Давиду хочется возвращаться за новыми заказами, очень опытный спец, создает, казалось бы, нереальные решения с кастомными кодами, там где не справляются готовые ноукод библиотеки или чат гпт. Не бросает работу на полпути, а добивается результата до последнего, что для меня весьма ценно при выборе подрядчика
Валерий Андреев
Владелец студии разработки сайтов clout.ink
Заказывал у Давида скрипты для нескольких сайтов на Тильду, даже самые нестандартные решения были сделаны как нужно) я думал, что скорее всего такого функционала не добиться, но Давид осуществил эти задумки. Большое спасибо, закрыл не один проект с его помощью))
Андрей Иванов
Веб-разработчик
Давид привет, хочу оставить тебе отзыв касаемо твоих навыков и модификаций. Спасибо во-первых в целом за твои труды, с твоими модификациями намного круче создавать не шаблонный проект, действительно много раз находил для себя нужные решения и отдельно хочу тебя поблагодарить за оказанную помощь по работе с ними и докручивания их до нужного функционала, причем за чашку чая! Спасибо)) 🤝
Тимур Шарапов
Веб-дизайнер
Обратился к Давиду по рекомендации от его коллег Какая была задача: нужен плеер для воспроизведения музыки на сайте. Плеер с саунд-баром (шкала воспроизведения трека), таймер, шкала с громкостью и бегунком Изначально плеер был заточен на использовании в единичном экземпляре Мне нужно было, чтобы плееров было несколько на одной странице на отдельном Zero-блоке для каждого плеера Давид сделал всё быстро Рекомендую Спасибо!
Николай Лихтенберг
Владелец бизнеса
Хочу выразить благодарность Давиду за превосходную разработку сайта! Профессиональный подход, креативный дизайн и быстрая реализация превзошли все ожидания. Сайт стал удобным и привлекательным, а поддержка на высшем уровне. Рекомендую всем, кто ценит качество и надежность!