VORON

Друзья, как и обещал, добавил крайне полезный функционал, который оказался очень непростым в реализации.

Теперь в плагине есть VS Code режим, чтобы было удобнее работать с блоками т123:)


Он очень упрощает редактирование кода по сравнению с обычным редактором который в Тильде по умолчанию т.к.:

1) Есть нормальное встроенное форматирование
2) Редактор знает больше синтаксиса чем обычный т123
3) Есть Minimap справа
4) Более удобный поиск по коду
5) Есть командная строка как в VS Code и всё то огромное множество функций (которые запоминают часто используемые), что через неё доступно
6) Можно смотреть пояснение к методам в коде в подсказках с ссылками на MDN

Как включить: В плагине нажимаем "расширенные настройки" => В разделе "редактор" жмём на чекбокс "Включить VS Code режим в т123"

Продолжаем продолжать:)

Добавлены в расширение и на сайт и выпущены из тестирования (пользователи расширения уже могли видеть и использовать часть из этих модов на этапе теста):

1) Автоскейл стандартных блоков - https://voron-dev.ru/scale-standard
2) Мобильная анимация стандартных блоков - https://voron-dev.ru/stanim
3) Автоплей видео при наведении - https://voron-dev.ru/video-hover
4) Скролл "от блока к блоку" страницы - https://voron-dev.ru/blockscroll
5) Скрыть показать отдельный блок по кнопке - https://voron-dev.ru/showhide
6) Parallax эффект для фото - https://voron-dev.ru/parallax
7) Бегущая строка (из лого\фото и тд) - https://voron-dev.ru/ticker
8) Эффект накладывающихся блоков - https://voron-dev.ru/card-effect

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

Не опять, а снова

Если у вас так, то проблема на стороне Тильды, нужно просто сделать паузу и выдохнуть😅

Upd: Подняли!

Так, кажется кто-то решил сделать внеплановый выходной всем удаленщикам:)

🎄🎄🎄Друзья, несмотря на то что этот год был полон различных вызовов и испытаний, хочу от всего сердца поздравить вас с наступающим новым годом!🎆🎆🎆

Не перестану благодарить вас за ту поддержку что вы оказываете предлагая новые идеи, оставляя комментарии с благодарностями за выпущенные в библиотеке решения и моды, присылая фидбек и помогая тестировать новые решения.

Нас уже 1.7к и всё это благодаря вам!❤️

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

С новым годом!!!🎉🎉🎉

2) Пофиксил замучавший меня баг в тильде, когда при вызове меню любого блока оно пропадало при наведении на небольшую область в 5px между кнопкой и самим меню вот тут

1) В настроечках можно почистить все сохраненные версии зероблоков. Это особенно полезно когда у вас крайне много проектов и вы их все доделали, чтобы в кеше их не хранить, ну и в целом на всякий случай

Пока закинул небольшой патчик в плагин, там добавлено вот что:

Ну а теперь о хорошем:)

В новый год было решено двигаться с новым дизайном и поэтому постепенно доделываю переезд https://voron-dev.ru на новый UI (отдельное спасибо Кате с которой работали над редизайном).

Сейчас его постепенно стабилизирую, поэтому если где-то что-то от старого дизайна будет, не переживайте, страниц много и всё окончательно переедет в ближайшие дни)

Также сори если кому не успеваю ответить в тп, под конец года много запросов и не все успеваю сразу обработать, хоть и стараюсь.

По модификациям ожидается обновление, но о нём распишу чууточку позже в отдельном посте. Остаемся на связи:)

Друзья, Тильда положила корзину на продакшене, не пугайтесь (или пугайтесь?😅😅), так сейчас у всех, ждём фикс от неё...

Upd: Выдыхаем, откатили изменения - теперь всё нормально ( читают канал?:) )
Корзина не работала для всех сайтов с 12:30 по 13:10 по Мск примерно

:)

Т.к. это раняя бета, то я практически каждый день добавляю какие-то новые фичи, улучшаю быстродействие на той ветке из серверов, что мне пришлось поднять чтобы сделать это возможным для вас, могут быть баги, какие-то модели могут отвечать дольше чем обычно и тд, но я решил не мариновать всё это ещё (сколько можно уже) ещё 999 лет, а начать тестить вместе с вами

Плюс то что я показал на этом небольшом тизере это лишь маааленькая часть из того что сейчас постепенно допиливается до возможности выпустить в базовом виде вам на потестить

Я обещал что для подписчиков на 12 мес. будут подарки? Значит подарки для подписчиков на 12 мес будут.

Теперь в ранней бете с моим расширением подписчики на 12 месяцев получают также пачечку ништячков в виде:

💎ChatGPT 4o
💎ChatGPT 4o-mini
💎Google Gimini 1.5 Pro
💎Google Gemini 1.5 Light
💎Llama 3.1 70B
💎LLama 3.1 8B
💎GigaChat Pro
💎GigaChat LIght

Пока что это лишь открытая бета, дальше некоторые из этих моделей будут переведены в отдельный тарифный план, но сейчас на ближайшую неделю-две они будут доступны для тех у кого PRO на 12 месяцев в бесплатном формате As Is, без каких либо доплат.

Это самое масштабное и самое непростое обновление из всех которые до сих пор выпускались в моем проекте

И нет это не мод:)))))

Ну что друзья:))))))))))

История версий зероблока:

Автоадаптив (пропорциональный):

Форматирование по образцу (позволяет импортировать адаптивы из фигмы на любые разрешения):

Итак, вечерний патч который обещал только что подгружен в расширение:)

--------
Теперь VORON идёт в Zeroblock!
--------

Видеообзор первыми увидите именно вы как подписчики моего Телеграм канала в посте ниже⬇️

В зероблоке:
💎 Доступна кнопка автоадаптива всех разрешений по выбранному вами. Она автоматически по пропорциям выбранного экрана сделает подгонку под все меньшие разрешения.
💎 Появилась история версий, которая будет хранится месяц с момента последнего редактирования и позволит вам в любой момент откатываться к любому промежуточному этапу в любом вашем зеро. Да прямо как в фигме и доступна она будет только вам
💎 Для удобства импорта из фигмы добавил кнопки "форматировать по образцу". Можно выбрать элемент в зеро, скопировать все его стили и применить их на другой элемент. Причём можно копировать не только стили, но и\или позиционирование и\или адаптив если нужно.

Остальное:
Полностью перебран блок т123. Наконец-то в нём добавлен синтаксис для js (сам составлял словарик. если кому чего не хватит - пишите, будет). Плюс добавил форматирование нажатием ctrl+shift+f

⚠️ Т.е. теперь просто экспортируете пк, телефон и все нужные вам адаптивы из фигмы и сводите их в один блок этим форматированием без всех тех сотен полей, что нужно было раньше заполнять

👋Друзья, провел масштабную работу по оптимизации всего и вся, вот краткая выжимка

По новым модам:

✅ Мод для вставки pdf в Тильду. В моей реализации в нем нет опоры на google диск.

По фиксам:

▶️ Перебрал и расширил генератор слайдера (будет расширен ещё больше). Теперь пункты рассортированы по выпадашкам, настройки сокращены вдвое потому что были убраны чекбоксы "включить...".
Они включаются автоматически когда вы задаете связанные с ними параметрами (скорость автопрокрутки например)

▶️ В карте - добавлено скругление углов

▶️ В аккордеоне добавлены настройки, которые позволяют задать фон раскрывашкам и отступы от краев (теперь tx16n2 не нужен)

▶️ Ещё раз поправил стрелки бокового скролла, чтобы они были отвязаны от положения на страничке и привязаны только к id блока с ними

▶️ В мультиформе из нескольких форм и квизе - добавил нативные Тильдовские сообщениях об ошибках с подсветкой полей

▶️ В корзине и избранном добавлена поддержка нескольких избранных\корзин за раз

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

▶️ В расширении переписал функцию выбора цвета в полях, для кроссбраузерности


-----
Также сегодня вечером планирую очень приятный патчик в расширение, о котором расскажу подробнее чуть позже:)

Так, Тильда только что вернула zoom обратно в хром, откатив обновление где он был заменен на transform: scale

*выдыхаем* :)

Измененные скрипты будут работать как и работали и скрипты которые имели проблемы с автоскейлом теперь будут работать как до патча вчера (логика с scale-wrapper убрана)

Небольшие но приятные апдейты:

1) Добавил поддержку мультиблоковости вот в эти вкладки - https://voron-dev.ru/tabs
Раньше для создания вкладок на несколько блоков нужно было пользоваться отдельным модом
Там были ограничения до 8-ми кнопок, опора на стандартный блок и тд.

Теперь можно пользоваться одним единым модом и указывать id блоков на каждую кнопку, просто беря их в квадратные скобочки [ ]

2) После недавнего отключения функции публикации на Тильде, по просьбе подписчика (и когда у меня сбросилась работа которую я делал пол часа), я решил добавить автосохранение в зероблок.

Поэтому теперь можно подключить себе автоклик на кнопку сохранения в зероблоке. чтобы застраховаться и от таких случаев (см. скринчик ниже)

3) Переписал немного кнопки в горизонтальном скролле

4) Также внёс мелкие правки в 5 модов, чтобы их проще можно было генерить (поправил значения по умолчанию и ожидаемые генератором значения) и переписал своего бота поддержки для оптимизации его функционирования

"Иногда наши лучшие решения лишены всякого смысла..."

Друзья, как вы наверное уже знаете, Тильда решила обновить функцию автоскейла.

Что именно обновлено:
В браузерах chrome и некоторых chromium-based браузерах по типу Vivaldi, теперь в зероблоке при автоскейле используется не zoom, а transfrom: scale.

Что это значит для вас:
Некоторые моды (практически все слайдеры), если у вас включен автоскейл, могут не отображаться на странице, если в каком-либо из блоков с кодом используется кусочек - window.dispatchEvent(new Event('resize')) или window.dispatchEvent(new CustomEvent('resize'))

Что нужно сделать:
1) Если у вас такой сценарий, то просто удалите в моих слайдерах строчку кода:

if (navigator.userAgent.indexOf("Chrome") != -1) {if(!((navigator.userAgent.indexOf("OPR")) != -1 )){window.dispatchEvent( new Event("resize"))}};

В слайдер на сайте обновления уже пушнул и можно если что использовать его, в расширение дойдут в течении сегодняшнего дня (задержка со стороны серверов)

2) Если у вас есть какие-либо другие моды, где есть вышеупомянутый кусочек с window.dispatchEvent(new Event('resize')), то можете либо удалить этот кусочек из кода (не всегда так можно напрямую сделать не сломав код), либо просто временно отключите содержащие его моды, до внесения изменений со стороны Тильды\авторов других кодов. Но со стороны моей библиотеки больше затронутых модов нет

Если у кого что-то отвалилось кроме слайдеров из всех кодов в принципе, то можете писать вот сюда - @voron_dev_bot
Посмотрим что в целом затронуло это изменение и предложим решение

Просили - сделал:)

Теперь в каталоге из зеро доступны кнопки количества товара, чтобы можно было добавлять сразу 2 и более товаров по клику и что самое главное - добавлены кнопки переключения характеристик товара!

И эти переключалки конечно же ещё и будут листать галерею с опорой на привязку к картинке, как вы укажете у себя в каталоге. И поддерживаются не просто варианты товара, но и доп опции, которые могут иметь надбавку в цене к товару.

Это обновление оказалось куда сложнее чем я думал и пришлось дополнить код каталога в зеро ещё на треть, но теперь вы фактически вообще никак не ограничены по этому каталогу. Также для него переписал логику автовысоты по вашему фидбеку на более стабильный вариант и кроме этого ещё завез парочку бесплатных модов в библиотеку:

1) Любой курсор для странички который вы задизайните. Можно сделать курсор как в фигме или любой другой - https://voron-dev.ru/cursorcss
2) Поп-ап как в Ios. Он закрывается по свайпу вниз и ещё имеет сверху полосочку как в всплывающих окнах на Ios - https://voron-dev.ru/swipe-popup

Обновление уже в расширении и на сайте

Также отдельно просили инструкцию как вставить видео со стороннего ресурса, чтобы оно принимало размеры html-элемента в зеро, поэтому давайте разберем на примере вк, инструкции для которого в HelpCenter нет:
1) Открываем видео в вк
2) Жмём "Ещё" => "Экспортировать"
3) Далее можем оставить или отключить "автостарт" и копируем выделенный код
4) В зероблоке вставляем этот код в html-элемент (Add HTML)
5) Чтобы видео принимало размеры Html-элемента так, как мы его накрутим в зероблоке на всех наших разрешениях, добавляем отдельно в блок т123:

<style>
[data-elem-type="html"]:has(iframe[src*="https://vk.com"]) * {
  height: inherit;
  width: inherit
}
</style>

или в настройках сайта в "Пользовательские CSS", чтобы код был сразу на всех страничках подключен:

[data-elem-type="html"]:has(iframe[src*="https://vk.com"]) * {
  height: inherit;
  width: inherit
}

Этот код можно применить и к rutube и к другим ресурсам. Для этого мы просто заменяем в этом коде https://vk.com на https://rutube.ru соответственно

Пару патчей по расширению доделываю, поэтому по ним постну чуть позже

"Когда-то меня тоже вела дорога приключений, а потом мне прострелили Ютуб"

Друзья, по поводу "замедлений и устарений",

Для вашего удобства создал группу и продублировал все видеозаписи ещё в вк.
Соответствующие ссылки добавил на все странички сайта и скоро добавлю и в расшриении.

Вк как площадка мне нравится мало, поэтому даже ссылку на группу кидать не буду, ибо основная её цель это помочь вам посмотреть видео-инструкции при работе с модами (залил бы и на яндекс-диск или сюда, но это менее удобно к просмотру и грузится дольше) и теперь это можно сделать и в вк тоже

Также отвечу на вопрос который вижу периодически в поддержке на счёт того "как теперь быть если на сайтах моих клиентов много видео с ютуба и они жалуются что видео не грузятся"?

Варианты на ваш выбор:

1) Загружать видео на сайт по прямым ссылкам (бесплатно). Вот тут рассказывал про это

2) Загружать видео на сайт по прямым ссылкам со своих быстрых хостингов (платно). Вот инструкция Tilda HelpCenter по тому как загрузить видео на свой сервер от Selectel, но вы можете выбрать любого хостера

3) Загружать видео с других площадок. Это могут быть Vimeo \ ВК \ Rutube \ Kinescope или что-то другое (бесплатно). Инструкция Tilda HelpCenter для Rutube и Kinescope

https://voron-dev.ru/zero-cat

Итак, встречайте, больше работа с магазинами на Тильде не будет прежней!
Это полноценный каталог внутри зероблоков, в котором есть всё!
И когда я говорю всё я в прямом смысле имею в виду всё.

По пунктам:

1) Фильтрация. прямо как в блоке st320n, но только лучше, ибо все фильтры можно сделать как-угодно прямо в зеро). И сделать можно не только фильтры, но и разделы, поиск, сортировку (а в сортировке можно любые названия менять и убирать как хочется) и тд. И здесь не надо крутить настройки активного пункта в генераторе кода, ибо он тоже просто и удобно делается прямо в самом зеро!

2) Карточки. Любые карточки, любая верстка, хоть одни большие другие маленькие, а не стандартная сетка по 3 в ряд:)

3) ГАЛЕРЕЯ ДЛЯ КАРТОЧЕК! То чего так многим не хватало вы получаете тут сразу под ключ. Галереи создаются в зеро и автоматически подгружают в себя фото товара

4) Характеристики. Причём не просто как в стандартных карточках, а сразу все. Можно выводить любую информацию из карточки в каталоге прямо в зероблок. Количество в наличии, артикул, характеристики в своём дизайне, описание и тд.

5) Кнопки. Кастомные кнопки покупки и подробнее будут такими, какими вы их сделаете. В отличии от урезанных кнопок с #order эти кнопки будут добавлять товар в корзину также как и каталог, т.е. со всеми полупрозрачными подписями, фото товара, артикулом и тд

6) Избранное и отметка на товаре. Тоже полностью кастомизируемые и тоже вы получаете возможность менять их дизайн как захочется сразу в зеро

7) Пагинация. Ну а куда без неё? Тоже есть и тоже кастомизируемая. Листает наш каталог

8) Автоматическая высота блока. При смене страниц, если выкладки товаров не хватит, то не останется пустого пространства и блок сам сократит свою высоту

9) Универсальность. Можно делать не только карточки и каталоги товаров, но и связать с каталогом вообще любые элементы на сайте. Это очень удобный способ управлять через админку Тильды любым контентом сайта и без ограничений по числу управляемых элементов и количества модов на странице (поддерживается сразу несколько таких модов за раз)

10) И этот блок полностью самописный и не опирается ни на какие st320n, поэтому не придется добавлять сюда стандартные блоки чтобы код к ним подвязывался, и работать мод будет быстрее чем любое решение опирающееся на стандартный блок. И это всё без сторонних серверов, прокладок, внешних бд, апи и тд.

https://youtu.be/aJy40g01BR0

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

Вы о нём часто меня просили, и наконец-то я его сделал