![Voron-dev](/img/default-banner.jpg)
- 14
- 81 187
Voron-dev
เข้าร่วมเมื่อ 8 ธ.ค. 2022
Библиотека модификации для сайтов на Тильда, который сделают ваши сайты уникальными среди остальных.
Расширение: chrome.google.com/webstore/detail/voron-extension/ngemfjkmfjalbpfdinpgfdkikilclhbn/
Библиотека модификаций: voron-dev.ru/
Тг-канал: t.me/voron_strikes_back
Расширение: chrome.google.com/webstore/detail/voron-extension/ngemfjkmfjalbpfdinpgfdkikilclhbn/
Библиотека модификаций: voron-dev.ru/
Тг-канал: t.me/voron_strikes_back
Любой каталог внутри зеро! Лучший каталог для Tilda, который может всё!
Это видео про то как сделать абсолютно любой каталог на Тильде без сторонних серверов, как сделать галерею для карточек товара на Тильде, как сделать свои фильтры каталога на Тильде, как связать с каталогом на Тильде всё что угодно!
0:00 Описание
0:58 Задаем зероблоку класс
1:55 Подключаем раздел каталога
3:52 Создаем фон карточек (vcatbg1)
5:30 Названия карточек (vcatname1)
5:55 Цена (vcatpric1e)
6:03 Кнопка купить (vcatbuy1)
6:15 Копируем карточку и меням цифры
6:35 Генерируем код
7:15 Фото и галерея товаров (vcatimg1)
9:00 Старая цена до скидки (vcatold1)
9:30 Описание карточек (vcatdesc1)
9:45 Метка на товаре (vcatmarkbg и vcatmarkbg1)
11:30 Характеристики (vcatchar1)
12:00 Артикул (vcatsku1)
12:10 Количество товара в наличии (vcatstock1)
13:00 Кнопка "В избранное" (vcatfav1)
15:05 Множим карточки
15:38 Фильтрация
16:22 Разделы (vcatsection)
17:58 Активный раздел (vcatsectionact)
19:05 Фильтры (vfilter)
20:20 Активный фильтр (vfilteract)
22:24 Кнопка очистки фильтров (vclear)
23:10 Поиск по каталогу (vserach и vsearchbtn)
24:25 Фильтр цены (vpricemin vpricemax)
25:20 Сортировка (vsort)
27:37 Пагинация
30:30 Как сохранить настройки
31:20 Изменение высоты зеро по видимым карточкам
33:42 Размеры кнопок пагинации и отступы
34:20 Особые функции
*ВНИМАНИЕ!*
Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания модификации могут меняться с течением времени. Поэтому обязательно сверься с инструкцией на страничке если что-то не работает. И не забудь также обратить внимание на пункт "важно" в инструкции, там информация по исключениям для некоторых настроек
Ссылка на расширение из видео:
voron-dev.ru/install-guide
Ссылка на генератор на сайте:
voron-dev.ru/zero-cat
Тг-канал с модификациями:
t.me/voron_strikes_back
0:00 Описание
0:58 Задаем зероблоку класс
1:55 Подключаем раздел каталога
3:52 Создаем фон карточек (vcatbg1)
5:30 Названия карточек (vcatname1)
5:55 Цена (vcatpric1e)
6:03 Кнопка купить (vcatbuy1)
6:15 Копируем карточку и меням цифры
6:35 Генерируем код
7:15 Фото и галерея товаров (vcatimg1)
9:00 Старая цена до скидки (vcatold1)
9:30 Описание карточек (vcatdesc1)
9:45 Метка на товаре (vcatmarkbg и vcatmarkbg1)
11:30 Характеристики (vcatchar1)
12:00 Артикул (vcatsku1)
12:10 Количество товара в наличии (vcatstock1)
13:00 Кнопка "В избранное" (vcatfav1)
15:05 Множим карточки
15:38 Фильтрация
16:22 Разделы (vcatsection)
17:58 Активный раздел (vcatsectionact)
19:05 Фильтры (vfilter)
20:20 Активный фильтр (vfilteract)
22:24 Кнопка очистки фильтров (vclear)
23:10 Поиск по каталогу (vserach и vsearchbtn)
24:25 Фильтр цены (vpricemin vpricemax)
25:20 Сортировка (vsort)
27:37 Пагинация
30:30 Как сохранить настройки
31:20 Изменение высоты зеро по видимым карточкам
33:42 Размеры кнопок пагинации и отступы
34:20 Особые функции
*ВНИМАНИЕ!*
Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания модификации могут меняться с течением времени. Поэтому обязательно сверься с инструкцией на страничке если что-то не работает. И не забудь также обратить внимание на пункт "важно" в инструкции, там информация по исключениям для некоторых настроек
Ссылка на расширение из видео:
voron-dev.ru/install-guide
Ссылка на генератор на сайте:
voron-dev.ru/zero-cat
Тг-канал с модификациями:
t.me/voron_strikes_back
มุมมอง: 604
วีดีโอ
Любое видео в Zeroblock для твоего сайта на Tilda, с любыми настройками
มุมมอง 1.2K4 หลายเดือนก่อน
В этом видео я покажу как добавить фоновое видео с автоплеем на мобильных, как загрузить видео в зероблок, как скруглить углы у видео в зероблок и всё это бесплатно и быстро, без редактирования кода 0:00 Описание 1:00 Video элемент 2:50 Github аккаунт 5:10 Меняем ссылку 6:05 Автоплей на мобильных 6:40 Превью 7:05 Своя кнопка плей 9:30 Ещё полезные моды 10:10 Особые функции *ВНИМАНИЕ!* Я достато...
Лучшая карта на Tilda с тёмной темой и быстрой загрузкой
มุมมอง 5245 หลายเดือนก่อน
В этом видео я покажу как сделать любую карту для сайта на Тильде, без редактирования кода, совместимую с Autoscale, темной темой, темой под фирменный цвет и разберу все возможные настройки для кастомизации такой карты. Это видео как инструкция по сборке - можешь сразу перепрыгивать по таймкодам на нужные тебе участки видео или же смотреть это видео полностью, параллельно собирая нужный тебе ти...
Аккордеон из зероблок внутри другого зероблока за пару минут на Tilda
มุมมอง 1.2K5 หลายเดือนก่อน
В этом видео я покажу как сделать практически любой аккордеон из зеро-блок, без редактирования кода, совместимый с Autoscale, с возможностью сделать аккордеон внутри другого зероблока, и разберу все возможные настройки для кастомизации такого аккордеона. Это видео как инструкция по сборке - можешь сразу перепрыгивать по таймкодам на нужные тебе участки видео или же смотреть это видео полностью,...
Любой слайдер из Zeroblock на Tilda! Полный разбор всех нужных тебе настроек под любые запросы
มุมมอง 17K7 หลายเดือนก่อน
В этом видео я покажу как сделать практически любой слайдер из зеро-блок/стандартных блоков, без редактирования кода, со своими со своими стрелками, Autoscale, точками пагинации и синхронизацией между слайдами на Тильда, и разберу все возможные настройки для кастомизации такого слайдера. Это видео как инструкция по сборке - можешь сразу перепрыгивать по таймкодам на нужные тебе участки видео ил...
Как сделать чтобы ЛЮБОЙ сайт на Tilda быстрее загружался
มุมมอง 5Kปีที่แล้ว
В этом видео я дам тебе пошаговый чеклист, который поможет тебе сделать загрузку любой страницы на Tilda быстрее. Шаги я специально расположил в последовательности от простого к сложному, чтобы можно было просто приступать и сразу делать. 0:00 Описание 0:20 Почему PageSpeed не догма? 2:37 Как происходит загрузка страницы 4:45 Какие параметры проверки ставит PageSpeed 6:16 Низкие баллы на мобиль...
Своя карточка товара ВНУТРИ Zero блок с синхронизацией с КАТАЛОГОМ Tilda
มุมมอง 8Kปีที่แล้ว
В этом видео я покажу как сделать совершенно любую карточку товара в зероблок со своим дизайном и связать её с каталогом на Tilda, чтобы потом не нужно было менять все параметры вручную в зеро. 0:00 Описание 0:12 Создаем карточку товара 2:30 Подготавливаем блок ST205 3:45 Синхронизируем фотографии с каталогом 6:20 Синхронизируем тексты цену и кнопку покупки с каталогом 7:15 Синхронизируем вариа...
Галерея карточек товаров в Tilda как на маркетплейсах
มุมมอง 1.5Kปีที่แล้ว
В этом видео я покажу как сделать удобную галерею для карточек товаров в Tilda в блоках ST300 - ST330, чтобы можно было удобно просматривать фотографии товара, не открывая карточку с каждым товаром по отдельности. 0:00 Описание 0:21 Подготавливаем блок магазина с карточками 0:44 Генерируем код 1:20 Делаем галерею для двух и более блоков 2:01 Ещё один способ генерации кода *ВНИМАНИЕ!* Я достаточ...
Боковой скролл для Zero-блок в Tilda
มุมมอง 2.6Kปีที่แล้ว
0:00 Описание 0:10 Подготавливаем Zero 0:35 Генерируем код 1:06 Подготавливаем Zero со стрелками 2:28 Генерируем код со стрелками 3:13 Некоторые важные моменты 5:08 Ещё один способ генерации кода *ВНИМАНИЕ!* Я достаточно часто добавляю новые фичи на основе голосования\фидбека который получаю и поэтому некоторые шаги для создания модификации могут меняться с течением времени. Поэтому обязательно...
Обзор НОВОГО расширения для Tilda
มุมมอง 2Kปีที่แล้ว
0:00 - Темная тема для Tilda 0:40 - Темная тема для Т123 2:47 - Sitemap для опубликованных страниц 3:14 - Показывать направляющие 3:45 - Показывать список блоков 4:23 - Улучшенный поиск по страницам 5:47 - Публикация, переход и обновление страницы в один клик 6:16 - Доступ к номерам блоков и настройкам зеро опубликованных страниц 7:33 - Режим копирования sbs анимации с опубликованных страниц 8:...
Тизер Voron Extension - Новое расширение для Tilda
มุมมอง 875ปีที่แล้ว
Видео с полным обзором и инструкцией по установке расширения: th-cam.com/video/QP7OJX9mpto/w-d-xo.html Ссылка на сайт для регистрации и скачивания: voron-dev.ru/ Тг-канал с модификациями: t.me/voron_strikes_back Music: Infractrion - Heroes th-cam.com/video/lpEL1Nt6rJk/w-d-xo.html
Крутой курсор со следом из картинок для сайта на Тильде за пару минут
มุมมอง 1.1Kปีที่แล้ว
В этом видео я покажу как сделать красивый эффект следа из картинок для курсора на сайте на Тильде с совместимостью с Autoscale и разными вариантами анимации Генератор кода: voron-dev.ru/ Тг-канал с модификациями: t.me/voron_strikes_back 0:00 Описание 0:09 Подготавливаем картинки 0:42 Добавляем в зеро HTML-элемент 0:59 Добавляем ссылки в HTML-элемент 1:55 Подготавливаем HTML-элемент 2:30 Генери...
Красивые вкладки из Zero-блок и слайдер 2 в 1 без редактирования кода и за 2 минуты
มุมมอง 9Kปีที่แล้ว
В этом видео я покажу как сделать любое количество независимых друг от друга вкладок (табов), для переключения стандартных и зеро блоков в Тильде (показывать зеро блоки по клику), с возможностью ещё и листать вкладки стрелками и совместимостью с Autoscale *ВНИМАНИЕ!* Перед тем как приступить к созданию вкладок обязательно проверь инструкцию на страничке с самим генератором. Я достаточно часто д...
Слайдер из Зеро и с Autoscale, без редактирования кода, со своими стрелками + СИНХРОНИЗАЦИЯ!
มุมมอง 31Kปีที่แล้ว
В этом видео я покажу как сделать практически любой слайдер из зеро-блок/стандартных блоков, без редактирования кода, со своими со своими стрелками, точками пагинации и синхронизацией между слайдами на Тильда. *ВНИМАНИЕ!* Перед тем как приступить к созданию слайдера обязательно проверь инструкцию на страничке с самим генератором и посмотри обновленную инструкцию если что-то не получится: th-cam...
Ты мой герой!
Спасибо большое! Очень признателен за ваши труды! Скажите, пожалуйста, а что нужно сделать, чтобы в пагинации добавить не просто 1/2, а 01/02?
Просто сделать отдельный текстовый элемент с 0
Hello, this slider does not work for me. I have jQuery enabled, so what am I doing wrong?
Can you please provide a link on your page you are having trouble with? Or you can contact me in telegram so I can ask all info about your case and help
Привет, спасибо за код. А там точно t-store__card этот класс? И еще хотел спросить, галочка показывать при наведении убрана, фото загружено у товаров по много штук, но тильда грузит в код только одно фото. JS же не может вытащить другие фото... откуда он их возьмет?
Отличная модификация, спасибо! Подскажите, не работают стрелки только, в чем может быть причина? класс есть, блок с ними находится выше.
Ты крутой, жму руку
Ну гений!! Спасибо!!
Очень не хватает добавления вариантов товара в такую карточку. Было бы просто вне конкуренции))
Спасибо за видео. как сделать кнопку открывающую подробную информацию о продукте? как в стандартном шаблоне тильды
Это должна быть кнопка о товаре как в инструкци, но процедурно генерируемый поп-ап стандартного каталога сделать на текущий момент нельзя, только прописать в кастомную ссылку на страничку товара в каталоге якорную ссылку и сделать поп-ап вручную если товаров не много
Это очень круто! Глобальный кастом (а не только иконку или кнопку как у всех)! Огромная благодарность за проделанную работу!
Правильно понял что надо будет в каждой карточке писать свой поряддковый номер в классах? Что делать если товарных карточек 2000?
Не совсем. Мы присваиваем класс только карточке на странице. Не нужно же показывать все 2000 карточек на странице сразу😅😅 Даже больше скажу, Тильда этого и не даст сделать, чтобы не убить страницу таким "кирпичем данных". Максимум карточек, который может отдать сервер Тильды из каталога за раз это 100 карточек, и то это для вывода за раз много. У нас же есть пагинация, можно просто листать странички с карточками. А нумеровать нужно только под одну такую страничку
@@voron-dev Понятно. Спасибо! 👍
Огромное спасибо! Низкий поклон:)
А возможно менять стиль стандартных блог постов ( потоки), что бы например была правая колонка ( 35%) для Об авторе, и ссылки на другие посты, а левая (60%) с текстом и фото. И что бы текст можно было редактировать как в Zero ( thin, light, medium....black) ?
Так, можете мне отписать в тг бота в раздел "предожить идею для мода". Нужно пару вопросов уточнить будет
Как круто!!!! Можно ведь и для Потоков использовать!!! Золотые руки у вас!
от души
Спасибо большое за то, что делишься таким сокровищем бесплатно! Видно, что была проделана большая работа
Привет, спасибо тебе большое за проделанную работу! Очень крутой слайдер! Подскажи пжлст, я сделал слайдер, сделал адаптацию под телефон и на телефоне он перелистывает всего на один слайд с сильным торможением, а при следующем слайде вообще страница сообщает об ошибке. Как такое можно исправить?
Привет, чтобы я мог помочь отпиши мне в тг бота в поддержку с ссылкой на твою страничку
@@voron-dev помощь не потребовалась. Когда сделал адаптацию всех слайдеров и переделал коды на все три слайдера что у меня на странице все заработало как по маслу.) Спасибо больше еще раз, это пушка!
у меня возникла проблема с размерами изображений в блоке, я столько мучался, никак не мог справится. Написал ворону в личку, он записал мне видео как исправить проблему. Все заработало! Благодарю за такое отношение к подписчикам, за уделенное время.
благодарю, отличный способ
че то у меня не хочет нормально становиться, один слайд встал хорошо, я его скопировал, внутри все поменял, и он встает плохо. Маленький по размеру, я что только не перебровал, и так, и сяк, и по окну равнял, и по сетке - ничего не помогает. Поможешь?
@davidkvachadze8365 привет, можешь мне в тг бота со ссылкой на страницу отписать, посмотрю - подскажу
А почему у меня нет raw/ и видео не заграждается
Опишите мне в поддержку в тг бота, гляну
огромное спасибо
Добавил Код из генератора, все работает но понял что неудобно в дизайне использовать удалил блок с твоим кодом и у меня почему-то теперь не отображаются ни какие аккардеоны ни новые ни старые вообще на этой странице теперь супер криво работают как починить помоги
Я конечно ахуе почему этого нет в Тильде в базовой, но это очень крутой урок хорошо что можно добавить самим
А можно как-то реализовать скрол объектов внутри блока? Чтобы не весь блок скролился
Можете попробовать это совместить с вставкой страницы в зероблок (voron-dev.ru/), но вообще это надо вручную кодом писать отдельно и соответственно сами обьекты тоже
Отлично видео, автору респект
Работает, но первая вкладка отображается только после того, как нажать на соответствующий таб, т.е. по умолчанию скрыта, что делать?
Проверьте чтобы у вас не было ограничения по видимости в зависимости от экрана через стандартные настройки зеро задано. Я про это отдельно в инструкции отписал. И кроме этого ещё может быть задали настройки ограничения по видимости в самом генераторе. Если ни один из выше перечисленных моментов не помог, то просто отпишите мне в тг бота с ссылкой на страничку, на которой не получается сделать табы - помогу
Как же ты хорош
Помогите, пожалуйста, у меня при слайде картинка пару милисекунд позднее текста появляется, думал может дело в объеме памяти?
Можете отписать мне в тг бота в поддержку со ссылкой на страничку или ещё можно попробовать выключить для картинок в слайдере lazyload
Спасибо
Код - огонь! Спасибо автору за супер-полезный контент. Только у меня подчеркивание так и не работает по какой-то причине (((
Проверьте чтобы высота подчеркивания была задана прямо как полупрозрачным написано. Т.е. не 10, а 10px надо писать например
@@voron-dev, спасибо за оперативный ответ. Исправила, но всё равно не работает
Цвет тоже проверьте чтобы был с #, т.е. не ffffff, а #ffffff. Если не сработает, то отпишите мне в бота поддержки со ссылкой на страничку где не работает, помогу
автоплей на моб версии не работает
Обратите внимание на пункт важно, там прописаны некоторые сценарции (например с энергосбережением на айфоне), когда само устройство пользователя запрещает любое автовоспроизведение видео. Если ваш случай не подпадает под это, то можете отписать мне в тг бота в поддержку со ссылкой на страничку с проблемой, помогу
Чат, памагите плиззз... все работает кроме кнопок. Не могу понять что не так
Решил проблему?
Прекрасная работа, лайк однозначно
Здравствуйте. Я правильно понимаю, что если видео с ютуб и своя превьюшка, невозможно сделать автовоспроизведение , чтобы при наведении на видео оно воспроизводилось ?)
а если слайдеров 3 на экране? как сделать так,чтобы изображения не привязывались к 1му слайдеру. нужно дать классы слайдерам и штмл окну?
Воспользуйтесь настройкой "какой это слайдер по счету на странице". Именно она позволяет это сделать
Подскажите, возможно ли, чтобы при переключении слайдов на зероблоках там срабатывала своя анимация или это фантастика?
я вроде не совсем дурак) но как это возможно, что htnl вовсе не прогружается) что за бред?) 30 раз пересмотрел все)
Отпишите в тг бота с ссылкой на сайт, гляну подскажу
Master !!!!
А как в коде поменять скорость появления изображений?
Отпишите в тг бота, там распишу тогда со скринами
Спасибо тебе большое, дорогой. Искренняя благодарность! Все очень понятно и доходчиво!
Отличный генератор. Спасибо! Но есть проблемка: на 2:22 минуте видео говорится о ссылке на страницу с описанием товара. Не совсем понятно, что за страница. Возможно из-за того, что я неправильно указал эту ссылку (тупо указал то, что было сказано в вашей инструкции) поп-ап не скрылся и виден на опубликованной странице прямо под плитками с товарами. Я кликаю на нужную и меня скролит ниже на этот блок с попапом. Что я не так сделал?!
Добрый вечер, ссылка на страницу с описанием нужно задавать в каталоге товаров. Также сразу проверьте чтобы в каталоге было загружено как минимум одно фото товара. Если все сделано правильно и все равно не работает, то можете мне отписать в тг в бота с ссылкой на страничку где не работает
@@voron-dev с этим разобрался. Спасибо! Теперь другой вопрос: как сделать так, чтобы в галерее карточки товара все таки показывались фотки из каталога, а не те, что я руками добавил в блоке ST205? И как сделать так, чтобы эти фотки менялись при выборе вариантов товара (как это задумано в ST205)?
скажите пожалуйста, если товаров 5-8, то в каждый ставить одинаковый css name, но в код для каждого свой id карточки товара/блока?
Добрый день, данный мод может быть только один на страничке, я это указал отдельным пунктом в инструкции в "важно". Для нескольких товаров код должен быть абсолютно другим, возможно позже отдельный мод под это сделаю
Добрый день, подскажите, а как сделать, чтобы уменьшались не боковые слайды а все правее? Чтобы первый был 100 процентов, а другие меньше?
Всё уже?) Не работает?)
Интересный вопрос... В моей библиотеке нет ни одного мода, в отношении которого можно применить "все уже". Вы хотя бы на сайт чтоль зашли и полистали примеры под генератором. Только что их проверил с чистой системы и чистого браузера и работают исправно. Если есть проблемы с установкой слайдера, то всегда можно отписать мне в тг бота со ссылкой на страничку с проблемой
Все отлично, но возникла одна проблема: появился 1 пустой слайд, без изображения. Как решить эту проблему, подскажи, пожалуйста?
Привет, отпиши мне в тг в бота с ссылкой на страничку, гляну
@@voron-dev, спасибо, проблему решил. Все банально: в поле, где вводим rec блока после последнего поставил запятую и пробел. Из-за этого образовался пустой слайд)
Тоже возникла такая же проблема) А можно ответ сюда?)
А тут выше же человек расписал, что случайно поставил запятую после последнего id блока. Но в любом случае отпишите мне в бота с ссылкой на страничку опубликованную, ибо мне все равно надо глянуть код страницы чтобы сказать точно
@@voron-dev а, я уже разобралась, спасибо)
Слайдер отличный но у меня есть одна проблема с ним. Если уже на открытой странице поменять размер окна браузера или допустим смартфон повернуть горизонтально, слайдер разваливается, контент на некоторых слайдах меняется в размерах и расползается по всему блоку, фиксится только обновлением страницы. Все зеро-блоки адаптированы. Кто-нибудь сталкивался? Может есть какое-то решение, в коде поправить что-то?
Можете отписать мне в тг в бота, посмотрю, подскажу
Большое Вам спасибо, это как раз то, что я так долго искала! А возможно вставить 3 разных картинки для трёх меток на карте вместо одной?
Почему-то не работает автоплей на мобильном, на десктопе все хорошо. Подскажите, в чем может быть причина? Режим энергосбережения выключен, про этот нюанс знаю.
Так, чтобы я мог помочь можете мне в тг скинуть ссылку на страничку и браузер мобильный в котором не работает
@@voron-dev Спасибо, я отправила заявку в бот 🙌🏻
Подскажите, пожалуйста, у меня для стандартного блока TX16N2 написан код со стилем, но тк блок стандартный, то автоскейл там не включить. Если я воспользуюсь вашей модификацией, чтобы включить автоскейл, может ли код со стилем для стандартного блока слететь или коды не должны конфликтовать?
не работает. Ни код, ни рега..
Так, чтобы я мог помочь мне нужна хоть какая-то информация:) Можете мне в тг отписать, подскажу