Ползунок в ФОС для Тильды - Программный код и инструкция

(0)
Описание
Отзывы
Описание

Полная пошаговая Видео-Инструкция и Программный код для создания собственного дизайна ползунков в формах обратной связи на конструкторе сайтов TILDA в ZERO-блоке.

Неограниченное количество ползунков на одной странице. Любой дизайн. Расширение функционала за счёт вовлечения дополнительных элементов (при переключении положений ползунка можно скрывать и показывать любые элементы ZERO-блока: шейпы, изображения, кнопки, тексты, другие формы, векторы и т.д.).

 

ВИДЕО-ОБЗОР НА YOUTUBE:

ВИДЕО-ОБЗОР НА RUTUBE:

 

Попробуйте как это работает:

 

Покупаете 1 раз, а использовать можете всю жизнь!

 

После оплаты Вы получите ссылки на скачивание:

  1. Видеоинструкция полная пошаговая;
  2. Программный код.

 

Берите смело! Все коды на моём сайте актуальны и все качественные. По всем платным кодам я осуществляю бесплатную техподдержку если возникают трудности в их применении.

Задать вопрос перед покупкой:

Чат WhatsApp со мной Чат Telegram со мной

Живу по московскому времени, ночью не пишите плиз)))

УРОВЕНЬ БОГА

Научитесь писать коды для Тильды за 2 часа и зарабатывайте в десятки раз больше.

Для освоения этой темы достаточно обладать: элементарными начальными знаниями в Тильде, абсолютно обычным мышлением и готовностью офигеть от своих скрытых возможностей 🤪

Я ДАЮ 100% ГАРАНТИЮ

НА ПЛАТНЫЕ ПРОГРАММНЫЕ КОДЫ НА МОЁМ САЙТЕ.

Если у Вас трудности

с применением программных кодов,

свяжитесь со мной, я помогу.

Если по каким-то причинам

нам с Вами не удаётся применить

программный код на Вашем сайте,

Я ВЕРНУ ВАМ ДЕНЬГИ +10%

 

ПРИМЕРЫ ТЕХПОДДЕРЖКИ ПО КУПЛЕННЫМ КОДАМ:

Легальная покупка

По закону я обязан отправить Вам чек, поэтому при оплате Вам потребуется указать e-mail, куда платёжная система отправит чек автоматически. Никаких рассылок не будет. Спамом не занимаюсь.

ПРИМЕР ЧЕКА:

Безопасность при оплате

После оформления заказа мой сайт переадресовывает Вас на страницу банка, и платёжная информация вносится Вами на стороне банка. При этом банк не предоставляет мне доступа к данным Вашей банковской карты и т.д. В базу данных моего сайта попадает только Ваш e-mail, чтобы автоматически отправить туда ссылки для скачивания купленных файлов после подтверждения успешной оплаты от банка.

Это я:

О моём Youtube-канале:

ЗАРАБАТЫВАЙТЕ СО МНОЙ!

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

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

Дальше можно не читать - написано для SEO-продвижения сайта :)

Мне совсем не нравится ползунок в форме обратной связи в Тильде, и поэтому свой очередной программный код я придумал таким, чтобы можно было дизайнить ползунки на своё усмотрение. Основная идея заключается в том, чтобы при разных положениях ползунка одни элементы скрывались, а другие появлялись. И чтобы эти элементы могли быть и текстами и фотографиями и шейпами и векторами и кнопками… в общем – чтобы они кем угодно могли быть. Это даёт широкую свободу в дизайне, и ползунок может быть таким или вот таким или вот таким. И в этом случае даже можно функционал расширить, к примеру, при разных положениях ползунка в одном и том же месте появляются разные кнопки, в которых прописано помещение в корзину разных товаров. Всё начинается с создания ЗЕРО-блока, где будет первая форма обратной связи. Соответственно этому ЗЕРО-блоку надо присвоить CSS-класс. Переходим в ЗЕРО-блок и создаём форму обратной связи. Ей надо присвоить CSS-класс. В этой форме могут быть любые поля разумеется, но нас интересует поле типа «Quantity (range slider)». Ему в названии переменной «Variable name» пропишите имя и конечно же потребуется указать значение по умолчанию, а также минимальное и максимальное значения и размер шага. Можно разместить любой шейп – это будет красивая дорожка, а поверх него накидать несколько шейпов, соответствующих разным положениям ползунка. Разумеется, все шейпы можно дизайнить как попало. Это также могут быть и фотографии и тексты и прочее. Теперь, для того, чтобы шейпы были видны только при определённых положениях ползунка, надо им задать CSS-классы с числовыми индексами, которые соответствуют значениям ползунка. При этом если у ползунка дробное значение, то в индексе класса точку меняем на подчёркивание. Элементам, которые должны исчезать при определённых положениях ползунка, надо присвоить CSS-классы по таким же правилам. Может оказаться, что для корректной работы ползунка нам необходимо увеличить высоту дорожки, чтобы ползунок работал при касании в любом месте, где это требуется по дизайну, ведь стандартная область его действия по высоте ограничена. Для такой цели потребуется ещё один технический шейп. Он будет скрыт на опубликованной странице, но по его высоте для разных размеров дисплея программный код будет определять, какой высоты Вы хотите сделать чувствительную зону ползунка. И чтобы всё работало, этому шейпу надо присвоить CSS-класс. Разумеется, для дизайнов ползунка при разной ширине дисплея шейпу может потребоваться разная высота. В панели слоёв форма должна располагаться выше всех зависимых элементов. Всем графическим элементам – шейпам, фотографиям и так далее, которые участвуют в работе ползунка, необходимо отключить LazyLoad. Теперь просто добавляем блок «T123-HTML». Его обязательно надо добавлять выше всех блоков с ползунками, и он должен быть один. Не надо его дублировать для каждого ползунка, он универсальный. Копируем в него мой программный код. Теперь можно публиковать страницу, и всё должно работать. Теперь Ваши формы обратной связи в Тильде будут с красивыми ползунками.

Ключевые слова:
ползунок тильда
ползунок tilda
ползунок фос
ползунок в форме
ползунок зеро
ползунок zero
бегунок тильда
бегунок tilda <
бегунок фос
бегунок в форме
форма в тильде
форма в tilda
форма в зеро
форма в zero
range tilda
range slider tilda
range тильда
range slider тильда

Отзывы
Отзывов еще никто не оставлял
Обратный звонок
Запрос успешно отправлен!
Имя *
Телефон *
Предзаказ
Предзаказ успешно отправлен!
Имя *
Телефон *
Добавить в корзину
Название товара
100 ₽
1 шт.
Перейти в корзину
Заявка

Я ознакомлен и согласен с условиями оферты и политики конфиденциальности.