- Видео 13
- Просмотров 85 257
youx.agency | All About Web Design
Грузия
Добавлен 24 окт 2022
YOUX AGENCY is a young design company of creative enthusiasts with an entrepreneurial mindset. We develop and design modern websites, addressing small business challenges through web solutions and breathing new life into companies on the Internet.
We demonstrate how to work with modifications for the Tilda Publishing platform in simple language. We cultivate and promote design thinking, share the agency's experience, and assist aspiring web designers.
We demonstrate how to work with modifications for the Tilda Publishing platform in simple language. We cultivate and promote design thinking, share the agency's experience, and assist aspiring web designers.
ЗАЧЕМ БРИФ: Как правильно составить бриф для разработки сайта.
В новом ролике подробно расскажу, зачем необходим бриф при разработке сайта и как правильно его составить. Видео разговорное, не претендует на идеальный бриф, все персонажи вымышлены, сходства случайны.
Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy
В этом видео:
1️⃣ Почему бриф - неотъемлемая часть успешного запуска сайта?
2️⃣ Какие элементы должны входить в бриф для разработки сайта?
3️⃣ Как избежать расхождений между вашим видением и восприятием разработчика?
Разберем шаг за шагом все нюансы и дам полезные советы по созданию брифа.
Если вам важна успешная реализация вашей идеи в онлайн-пространстве, этот ролик для вас! Подписывайтесь, ставьте лайк и делись этим видео.
Ссылка на пример ...
Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy
В этом видео:
1️⃣ Почему бриф - неотъемлемая часть успешного запуска сайта?
2️⃣ Какие элементы должны входить в бриф для разработки сайта?
3️⃣ Как избежать расхождений между вашим видением и восприятием разработчика?
Разберем шаг за шагом все нюансы и дам полезные советы по созданию брифа.
Если вам важна успешная реализация вашей идеи в онлайн-пространстве, этот ролик для вас! Подписывайтесь, ставьте лайк и делись этим видео.
Ссылка на пример ...
Просмотров: 313
Видео
Видео-урок: Двойные табы Тильда | Модификации youx.agency
Просмотров 1,3 тыс.9 месяцев назад
Да, это двойные табы для переключения зеро-блоков. Заранее прошу прощения, первый ряд табов всего 2 (Две) кнопки, мы делали скрипт под один из наших проектов. Пожалуйста подождите, мы доработаем и на сайте рядом разместим решение для большего кол-ва кнопок. Код помогает вывести 2 ряда табов и переключать зеро блоки еще сложнее, круче, больше, ехааааа. Мучайтесь Страница с модификацией: youx.age...
SHOWREEL 2023 | YOUX.AGENCY #digitalmarketing #webdevelopment
Просмотров 742Год назад
Юкс это молодая дизайн-компания творческих энтузиастов с предпринимательским мышлением. Культивируем качество, сервис и дедлайны. Мы разрабатываем и проектируем современные сайты, через веб решаем проблемы малого бизнеса и даем второе дыхание компаниям в сети Интернет. За 3 года работы в нашем портфолио более 85 современных крутых проектов в разных нишах: строительство, ресторанный бизнес, рите...
Как правильно верстать сайт на Тильда в процентах | youx.agency
Просмотров 1,5 тыс.Год назад
Как правильно верстать сайт на Тильда в процентах ? Изи В этом видео я покажу как грамотно адаптировать сайт на Тильда, использую процентное соотношение размеров блоков и отступов между ними. Сможем растягивать наш блок, при этом все элементы внутри будут пропорционально увеличиваться или уменьшаться. Раз и навсегда запомним правила верстки в процентах, выучим новый навык и будем круто верстать...
CAFEOMO | Кастомные табы для каталога товаров на сайте Tilda
Просмотров 13 тыс.Год назад
В этом видео я решил поделиться реализацией решения переключения кастомных табов для товарного меню на сайте cafeomo. Пошаговый видео-урок как это работает, как это сделать самостоятельно и разместить на любом другом сайте. Вы можете больше, чем вы думаете, выходите за рамки стандартных возможностей, экспериментируйте и создавайте крутые проекты. Поехали Код для вставки: (Нужно разместить в sty...
Добавляем кнопку "Назад" на сайт Тильда
Просмотров 3,1 тыс.Год назад
Кнопка вернуться "Назад" для страницы Тильда Простой способ добавить кнопку "Назад" и в 1 клик быстро вернуться на предыдущую страницу Страница с модификацией: youx.agency/knopka-vernutsya-nazad-tilda Инструкция к видео: 1. Добавьте кнопку в zero блок 2. Вставьте ссылку в кнопку #turnback. Либо просто javascript:history.back(); без кода 3. Вставьте код ниже в блок "T123" Поблагодарить автора: w...
Выпадающее меню второго уровня в zero блок Тильда | youx.agency
Просмотров 12 тыс.Год назад
Расскажу вам как добавить крутое выпадающее меню второго уровня в zero блок на платформе Тильда. Кастомный код для добавления выпадающего zero блок для вашего меню на сайт Тильда. Показываем меню при наведнии Страница с модификацией: youx.agency/vypadayushhee-menyu-vtorogo-urovnya-v-zero-blok Инструкция к видео: 1.Добавьте ссылку кнопке в вашем меню #youxmenu и создайте новый зеро блок 2. Встав...
Как добавить табы Тильда v.2 | Переключение зеро блок
Просмотров 16 тыс.Год назад
ППереключение зеро блок в Тильда с помощью кнопок Данный код помогает переключать несколько зеро блоков на странице при нажатии на свои кнопки. Обновленный, простой и 100% рабочий способ. Страница с модификацией: youx.agency/pereklyuchenie-neskolkikh-zero-blok-cherez-knopki-v2 Инструкция к видео: 1. Создайте кнопки и присвойте каждой класс .tab-btn 2. Вставьте ссылки в каждую кнопку #tab1, #tab...
Переключение зеро-блок с помощью табов/вкладок в Тильда
Просмотров 15 тыс.Год назад
Переключение нескольких zero-block через свои кнопки Данный код помогает добавить свои кастомные табы и переключать несколько zero-блоков при нажатии. Также есть возможность добавить кастомные стрелки. Страница с модификацией: clck.ru/34BMa5 Инструкция к видео: 1. Добавьте zero-блок, наполните контентом и создайте несколько кнопок с классом: tab_btn 2. Добавьте 2 иконки стрелок с классами left_...
Как сделать фиксированную кастомную кнопку в Tilda
Просмотров 7 тыс.Год назад
Как сделать фиксированную кастомную кнопку в Tilda Страница с модификацией: youx.agency/kak-sdelat-fiksirovannuyu-kastomnuyu-knopku Инструкция к видео: 1. Создайте зеро блок и поставьте параметр "visible", высоту 0 px, уберите фон 2. Создайте свою кнопку в Zero Block 3. Добавь блок HTML и вставь код ниже, замените ID zero-блока на свой Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy Наше со...
Показываем скрытый блок при нажатии на кнопку Тильда
Просмотров 7 тыс.Год назад
Данный код помогает показать скрытый блок, по нажатию на кнопку. Повторное нажатие скроет блок обратно. Страница с модификацией: youx.agency/pokazyvaem-skrytyj-blok-po-nazhatiyu-na-knopku-v-tilda Инструкция: 1) Создайте кнопку и вставили в нее ссылку : #primer 2) Вставьте код ниже в блок "T123" 3) Поменяйте значение ID zero-блока на свои Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy Наше ...
Как добавить эффект увеличения при наведении на фото в Тильда
Просмотров 8 тыс.Год назад
Рассказываем и показываем как добавить интересные эффекты при наведении на ваше изображение в зеро блок Тильда. Страница с модификацией: youx.agency/9-hover-effects-dlya-izobrazhenij-na-tilda Инструкция к видео: 1. Вставьте фото в zero-блок и присвойте ему class : zoomon 2. Выберите номер эффекта на фото, который вам понравился по кнопке "Смотреть примеры" 3. Вставьте код ниже в блок "T123" на ...
Показываем уведомление при добавлении товара в корзину Тильда
Просмотров 1,3 тыс.Год назад
Всем привет, на связи YOUX Agency. Сегодня поговорим с вами о том, как создать кастомное уведомление о добавлении товара в корзину на Тильда. Страница с модификацией: youx.agency/pokazyvaem-uvedomlenie-posle-dobavleniya-tovara-v-korzinu Инструкция к видео: 1. Создайте кнопку "Добавлено в корзину" в необходимом месте и присвойте ей класс ' infotext ' 2. Скопируйте код №1 и вставьте в блок "T123"...
Когда перенесла сайт на другой аккаунт, код не работал, хотя ID блоков не изменились. Оказалось, что в новом аккаунте в настройках сайта не было включено jQuery. После включения jQuery все заработало.
А код будет работать если блоки, которые нужно скрыть - не зеро? Не получается если блоки стандартные
Не работает код, блоки между собой не переключаются
очень помог! спасибо вам!
Большое спасибо))
у меня не получилось. кнопка не двигается, в Телеграм к вам не могу перейти, имя не найдено
Всем привет! Подскажите, пожалуйста, как сделать так, чтобы сайт не уезжал вниз при открытии меню, а наслаивался на идущий снизу блок?! Заранее, спасибо!
Благодарю за инструкцию! Код работает, но тоже столкнулась с проблемой, что вместо станадартных блоков, подгрузила блок с карточками товаров и при нажатии на 1 таб все открывается отлично, пр нажатии на следующие табы в карточках все накладывается друг на друга (фото, цена, описание, все друг на дружке) Можно ли это как-то устранить?
а к одному табу можно подключить несколько блоков?Не только зеро, но и стандатных
@@juuulikor да 👏 просто uc-tab1 стиль поставьте нескольким блокам
подскажите пож, можно ли в тильде сделать чтобы 50 фотографий отображались после нажатия на кнопку. Сайт сделан в виде длинного лендинга и иногда возникают проблемы если на сайте до 100 фотографий подряд.
Спасибо большое! А как сделать так чтобы переключение между блоками также происходило через определенное время автоматически?
можно ли как то сделать чтобы на моб. версии табы скроллились?
Не работает. Два раза перепроверили
Благодарю за код! Вопрос, что нужно в коде добавить, чтобы обводка у активной кнопки тоже менялась на цвет активной кнопки?
спасибо за код! возникла проблема: при скрытии блоков DV13 (бегущая строка) все строки перестают нормально работать кроме той что в первом табе, как это исправить?
Добрый день! Спасибо за урок, все понятно объяснили, у меня получилось. Вот только есть одно "но": при открытии страницы блок раскрытый. Подскажите, пожалуйста, почему может так происходить?
@@АлёнаНовичёнок-д4б ограничение видимости блока, код в самый низ страницы
<style> /*Скрываем наши блоки по ID*/ ##rec810266393 { display:none; } </style> <script> //При нажатии на кнопку со ссылкой #collection $('[href = "#primer"]').click(function() { //Открываем первый блок $('#rec810266393').slideToggle(500); t_lazyload_update(); }); </script> <script> // Скрипт для скрытия блока при загрузке страницы $(document).ready(function() { $('#rec810266393').hide(); }); </script>
Спасибо большое за метод, есть вопрос. При включенном автоскейле, на мобильных версиях как то странно пляшет текст. С чем это может быть связано ?
Склоняюсь больше к специфике оптимизации Тильда скрытых блоков. Не думаю что проблема в скрипте
Добрый день! Повторила все точь в точь, кнопка появляется при скролле только в середине последнего блока. Как это исправить?
Автор не сказал (или я не услышал), что нужно в настройках включить jQuery, без нее не работает!
Да, все верно. Из-за этого может не работать половина скриптов. Автор не сказал, потому что Тильда выкатила обновление это месяц назад насколько я знаю
как тебе руки расцеловать
ПОДСКАЖИТЕ ПОЖАЛУЙСТА!! загрузила всё как надо, все супер! НО! я поставила вместе кнопки фото, и у него появляется черная обводка в начале и если нажать два раза на кнопку тоже появляется, как избавиться? 🙏🏻🙏🏻🙏🏻
Скажите, пожалуйста, эту кнопку в зеро блоке надо расположить на каждой странице? У меня интернет магазин и я сделала каждую карточку товара в блоке st200 на отдельной странице. Я Расположила в хедере кнопку назад и ее почему то не видно, когда я перехожу в карточку товара🤷♀️
спасибо вам огромное!!! Действительно лучший код! Перепробовала многие, именно этот не слетел при ресайзах на мобиль. версию (т.к. табы в мобилке и десктопе у меня расположены не одинаково)
у меня тоже проблема, все zeroblocki видны при публикации видны из за чего это может быть?
Не пойму делаю все точно так но не получается 😪, блок исчезает но при клике на кнопку ничего не происходит
где взять код, что бы добавить в первую строку больше двух кнопок=????
Подскажите, как сделать чтоб кнопка текст меняла или исчезала?
У меня, к сожалению, не работает код (сделала все как в инструкции). У меня 2 блока так и стоят друг за другом при опубликовании. почему так может быть?
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать
@@youxagency Добрый день, ваша подсказка помогла и код заработал! Большое спасибо!
спасибо! а можно ли както без T123 который к ссожалению платный
В Тильда нет платных блоков, если подписку продлевать. Все модификации работают только при оплаченном тарифе Тильда
@@youxagency спасибо за ответ. Я это и имела ввиду, что нужна платная подписка. Я просто хотела потренироваться и поэкспериментировать бесплатно 😉 но это не совсем возможно 🤔
это прикол какой то) пееребровал все ваши коды 1 в 1 по переключению табов, никакой не работает
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать
@@youxagency Получилось, благодарю!
@@youxagency И у меня с Юери получилось)
Очень очень вас прошу🙏🏻как скрыть блок ME603 на мобильной версии? Вы не могли бы прописать style🙏🏻🙏🏻🙏🏻 На декстопе все отлично работает! Спасибо
Здравствуйте! Такой вопрос- я вставила ваш код, на декстопе все хорошо, а на мобильной версии почему то этот блок не спрятался, где переключаются табы( не подскажите в чем может быть причина?
Спасибо, вы сильно помогли!
ка сделать кнопку назад в каталог если был прямой переход в карточку товаров из рекламы
Создать меню для товаров отдельно вывести и туда зеро-блок с кнопкой назад
Ребятушки, старый код на одном сайте работает отлично, но на новом старый и новый не работают, только скрывают сам блок на странице, но всплывашка нет( В чём может быть беда? Подскажите, пожалуйста, всю голову сломала.
у меня тоже не работает, только скрывает блок, а при нажатии на кнопку ничего не происходит
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать Также следует проверить ограничение видимости блока, с ним скрипты многие не работают. И код в самый низ необходимо вставить
@@АнастасияКилис Перейдите в настройки своего проекта на Тильде. Откройте раздел «Ещё». Пролистайте до середины. Поставьте галочку напротив «Подключить jQuery на страницах сайта». Сохраните настройки. Переопубликуйте все страницы сайта на всякий случай.
Код нерабочий
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать
@@youxagency спасибо, у меня он включен
Спасибо. Полезная информация!
подскажите как изменить расстояние между шапкой сайта и товаром в карточке а то шапка наползает сверху на фото товара
У меня вопрос немного не по теме: как вы изменили интерфейс менюшек в Тильде. У Вас белые надписи на чёрном фоне. Я сам искал как это сделать, не получилось. Если не жалко поделитесь.
Открываем зеро-блок любой, настройки зеро-блок в самом низу панели управления, вид интерфейса, темная тема
Жаль что при использовании такой схемы переключения табов не работает анимация появления товаров. Может есть дополнительный код?
Здравствуйте, скрипт скрывает zeroblock меню, но не вытаскивает его. То есть, ничего не происходит.
@@denismedvedev4384 все работает как часы, внимательно все по инструкции сделайте еще раз. Видимость блоков не ограничивайте и кол в самый низ
@@youxagency Вот и странно. Инструкция исчерпывающая. Ошибиться невозможно. Видимость блоков не ограничена, по умолчанию 1200px. Что значит "кол в самый низ"? Открывал страницу в Chrome (новых обновлений пока не требует), и Yandex.
@@denismedvedev4384 у меня тоже не работает
JQuery Больше с тильдой не работает. Тильда теперь на чистом JavaScript. Код другой сейчас, либо подключать jQuery отдельно
<style> /* Скрываем наши блоки по ID */ #rec562720903 { display: none; /* Скрыто по умолчанию */ transition: all 0.5s ease; /* Плавный переход для отображения */ } </style> <script> document.addEventListener("DOMContentLoaded", function() { var showTimeoutId; var hideTimeoutId; var menuTrigger = document.querySelector('[href="#youxmenu"]'); var dropdownMenu = document.getElementById('rec562720903'); // Показываем меню при наведении на кнопку menuTrigger.addEventListener('mouseenter', function() { showTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'block'; // Показываем меню dropdownMenu.classList.add('open'); // Добавляем класс для стилей, если нужно }, 500); }); // Скрываем меню при уходе курсора menuTrigger.addEventListener('mouseleave', function() { clearTimeout(showTimeoutId); hideTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'none'; // Скрываем меню dropdownMenu.classList.remove('open'); // Убираем класс }, 200); }); // Отменяем таймеры при наведении на выпадающий блок dropdownMenu.addEventListener('mouseenter', function() { clearTimeout(showTimeoutId); clearTimeout(hideTimeoutId); }); // Скрываем меню при уходе курсора с выпадающего блока dropdownMenu.addEventListener('mouseleave', function() { hideTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'none'; // Скрываем меню dropdownMenu.classList.remove('open'); // Убираем класс }, 200); }); }); </script>
У меня не получается, хоть все по видео делаю:(
@@doxer8459 нельзя ограничение блоков ставить видимость и скрипт в самый низ.
До сих пор все актуально и работает без проблем! Решение элегантно простое и действенное! Спасибо и от души =)
Подписка оплачена!не работает.Все по инструкциям.Все блоки видны сразу.
А как сделать добавление товара количество + 1
огромное спасибо!! все заработало
Объяснеия супер!:)) пасиба
Очень круто спасибо!
код из описания к видео не работает, блок не скрывается. Я ввела вручную код стиля, как на экране в видео, и тоже не скрывается. Что делать???
<style> Стиль блока который нужно скрыть { position: absolute; left: -9999px; } </style>
HTML код обязательно нужно вставлять ниже всех блоков, которые в нем участвуют.
Добрый вечер, а для первого ряда могу использовать картинки?
В теории да, надо пробовать