youx.agency | All About Web Design
youx.agency | All About Web Design
  • Видео 13
  • Просмотров 85 257
ЗАЧЕМ БРИФ: Как правильно составить бриф для разработки сайта.
В новом ролике подробно расскажу, зачем необходим бриф при разработке сайта и как правильно его составить. Видео разговорное, не претендует на идеальный бриф, все персонажи вымышлены, сходства случайны.
Поблагодарить автора: 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"...

Комментарии

  • @khadishakundebaeva3941
    @khadishakundebaeva3941 День назад

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

  • @moonsunny0
    @moonsunny0 3 дня назад

    А код будет работать если блоки, которые нужно скрыть - не зеро? Не получается если блоки стандартные

  • @magnitniyher
    @magnitniyher 4 дня назад

    Не работает код, блоки между собой не переключаются

  • @daniyardi5075
    @daniyardi5075 6 дней назад

    очень помог! спасибо вам!

  • @o_kapitunov
    @o_kapitunov 17 дней назад

    Большое спасибо))

  • @Доходонлайнлегко
    @Доходонлайнлегко 17 дней назад

    у меня не получилось. кнопка не двигается, в Телеграм к вам не могу перейти, имя не найдено

  • @redbirdstore319
    @redbirdstore319 21 день назад

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

  • @DaryaDoroshenko-s6t
    @DaryaDoroshenko-s6t 22 дня назад

    Благодарю за инструкцию! Код работает, но тоже столкнулась с проблемой, что вместо станадартных блоков, подгрузила блок с карточками товаров и при нажатии на 1 таб все открывается отлично, пр нажатии на следующие табы в карточках все накладывается друг на друга (фото, цена, описание, все друг на дружке) Можно ли это как-то устранить?

  • @juuulikor
    @juuulikor 22 дня назад

    а к одному табу можно подключить несколько блоков?Не только зеро, но и стандатных

    • @youxagency
      @youxagency 14 дней назад

      @@juuulikor да 👏 просто uc-tab1 стиль поставьте нескольким блокам

  • @Игорь-п9ш8к
    @Игорь-п9ш8к 22 дня назад

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

  • @de_vic
    @de_vic Месяц назад

    Спасибо большое! А как сделать так чтобы переключение между блоками также происходило через определенное время автоматически?

  • @ксюшакоротаева-э5д

    можно ли как то сделать чтобы на моб. версии табы скроллились?

  • @ОксиКоваль
    @ОксиКоваль Месяц назад

    Не работает. Два раза перепроверили

  • @eddemidov
    @eddemidov Месяц назад

    Благодарю за код! Вопрос, что нужно в коде добавить, чтобы обводка у активной кнопки тоже менялась на цвет активной кнопки?

  • @tresh864
    @tresh864 Месяц назад

    спасибо за код! возникла проблема: при скрытии блоков DV13 (бегущая строка) все строки перестают нормально работать кроме той что в первом табе, как это исправить?

  • @АлёнаНовичёнок-д4б

    Добрый день! Спасибо за урок, все понятно объяснили, у меня получилось. Вот только есть одно "но": при открытии страницы блок раскрытый. Подскажите, пожалуйста, почему может так происходить?

    • @youxagency
      @youxagency Месяц назад

      @@АлёнаНовичёнок-д4б ограничение видимости блока, код в самый низ страницы

    • @ДарьяГлазко-ь7ф
      @ДарьяГлазко-ь7ф 14 дней назад

      <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>

  • @dmitriiskalatkii2734
    @dmitriiskalatkii2734 Месяц назад

    Спасибо большое за метод, есть вопрос. При включенном автоскейле, на мобильных версиях как то странно пляшет текст. С чем это может быть связано ?

    • @youxagency
      @youxagency Месяц назад

      Склоняюсь больше к специфике оптимизации Тильда скрытых блоков. Не думаю что проблема в скрипте

  • @Masha__mu
    @Masha__mu Месяц назад

    Добрый день! Повторила все точь в точь, кнопка появляется при скролле только в середине последнего блока. Как это исправить?

  • @РусланРадченко-е8м

    Автор не сказал (или я не услышал), что нужно в настройках включить jQuery, без нее не работает!

    • @youxagency
      @youxagency Месяц назад

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

    • @Aik-k8t
      @Aik-k8t Месяц назад

      как тебе руки расцеловать

  • @vetasokolova9550
    @vetasokolova9550 Месяц назад

    ПОДСКАЖИТЕ ПОЖАЛУЙСТА!! загрузила всё как надо, все супер! НО! я поставила вместе кнопки фото, и у него появляется черная обводка в начале и если нажать два раза на кнопку тоже появляется, как избавиться? 🙏🏻🙏🏻🙏🏻

  • @ОльгаСкребец-ь9т
    @ОльгаСкребец-ь9т Месяц назад

    Скажите, пожалуйста, эту кнопку в зеро блоке надо расположить на каждой странице? У меня интернет магазин и я сделала каждую карточку товара в блоке st200 на отдельной странице. Я Расположила в хедере кнопку назад и ее почему то не видно, когда я перехожу в карточку товара🤷‍♀️

  • @Anastasia-zn6bo
    @Anastasia-zn6bo 2 месяца назад

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

  • @сашапетрова-д3з
    @сашапетрова-д3з 2 месяца назад

    у меня тоже проблема, все zeroblocki видны при публикации видны из за чего это может быть?

  • @maomao5645
    @maomao5645 2 месяца назад

    Не пойму делаю все точно так но не получается 😪, блок исчезает но при клике на кнопку ничего не происходит

  • @first_cryptolab
    @first_cryptolab 2 месяца назад

    где взять код, что бы добавить в первую строку больше двух кнопок=????

  • @siranatitareva1525
    @siranatitareva1525 2 месяца назад

    Подскажите, как сделать чтоб кнопка текст меняла или исчезала?

  • @inessmess5584
    @inessmess5584 2 месяца назад

    У меня, к сожалению, не работает код (сделала все как в инструкции). У меня 2 блока так и стоят друг за другом при опубликовании. почему так может быть?

    • @youxagency
      @youxagency 2 месяца назад

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать

    • @Polina.Partolina
      @Polina.Partolina Месяц назад

      @@youxagency Добрый день, ваша подсказка помогла и код заработал! Большое спасибо!

  • @AleshaAle
    @AleshaAle 2 месяца назад

    спасибо! а можно ли както без T123 который к ссожалению платный

    • @youxagency
      @youxagency 2 месяца назад

      В Тильда нет платных блоков, если подписку продлевать. Все модификации работают только при оплаченном тарифе Тильда

    • @AleshaAle
      @AleshaAle 2 месяца назад

      @@youxagency спасибо за ответ. Я это и имела ввиду, что нужна платная подписка. Я просто хотела потренироваться и поэкспериментировать бесплатно 😉 но это не совсем возможно 🤔

  • @first_cryptolab
    @first_cryptolab 2 месяца назад

    это прикол какой то) пееребровал все ваши коды 1 в 1 по переключению табов, никакой не работает

    • @youxagency
      @youxagency 2 месяца назад

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать

    • @eddemidov
      @eddemidov 2 месяца назад

      @@youxagency Получилось, благодарю!

    • @slimstas
      @slimstas 25 дней назад

      @@youxagency И у меня с Юери получилось)

  • @ОльгаСкребец-ь9т
    @ОльгаСкребец-ь9т 2 месяца назад

    Очень очень вас прошу🙏🏻как скрыть блок ME603 на мобильной версии? Вы не могли бы прописать style🙏🏻🙏🏻🙏🏻 На декстопе все отлично работает! Спасибо

  • @ОльгаСкребец-ь9т
    @ОльгаСкребец-ь9т 2 месяца назад

    Здравствуйте! Такой вопрос- я вставила ваш код, на декстопе все хорошо, а на мобильной версии почему то этот блок не спрятался, где переключаются табы( не подскажите в чем может быть причина?

  • @OlgaKazarnovskaya
    @OlgaKazarnovskaya 2 месяца назад

    Спасибо, вы сильно помогли!

  • @norfinukraine2450
    @norfinukraine2450 3 месяца назад

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

    • @youxagency
      @youxagency 2 месяца назад

      Создать меню для товаров отдельно вывести и туда зеро-блок с кнопкой назад

  • @kristyroxy
    @kristyroxy 3 месяца назад

    Ребятушки, старый код на одном сайте работает отлично, но на новом старый и новый не работают, только скрывают сам блок на странице, но всплывашка нет( В чём может быть беда? Подскажите, пожалуйста, всю голову сломала.

    • @АнастасияКилис
      @АнастасияКилис 2 месяца назад

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

    • @youxagency
      @youxagency 2 месяца назад

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать Также следует проверить ограничение видимости блока, с ним скрипты многие не работают. И код в самый низ необходимо вставить

    • @filmserials-pixel
      @filmserials-pixel Месяц назад

      @@АнастасияКилис Перейдите в настройки своего проекта на Тильде. Откройте раздел «Ещё». Пролистайте до середины. Поставьте галочку напротив «Подключить jQuery на страницах сайта». Сохраните настройки. Переопубликуйте все страницы сайта на всякий случай.

  • @svetlanapozuban2494
    @svetlanapozuban2494 3 месяца назад

    Код нерабочий

    • @youxagency
      @youxagency 2 месяца назад

      Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать

    • @svetlanapozuban2494
      @svetlanapozuban2494 2 месяца назад

      @@youxagency спасибо, у меня он включен

  • @mikhailminyaev862
    @mikhailminyaev862 3 месяца назад

    Спасибо. Полезная информация!

  • @norfinukraine2450
    @norfinukraine2450 3 месяца назад

    подскажите как изменить расстояние между шапкой сайта и товаром в карточке а то шапка наползает сверху на фото товара

  • @ВидеоифотодляЛЕКУР
    @ВидеоифотодляЛЕКУР 3 месяца назад

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

    • @youxagency
      @youxagency 2 месяца назад

      Открываем зеро-блок любой, настройки зеро-блок в самом низу панели управления, вид интерфейса, темная тема

  • @udegdrovaker
    @udegdrovaker 3 месяца назад

    Жаль что при использовании такой схемы переключения табов не работает анимация появления товаров. Может есть дополнительный код?

  • @denismedvedev4384
    @denismedvedev4384 3 месяца назад

    Здравствуйте, скрипт скрывает zeroblock меню, но не вытаскивает его. То есть, ничего не происходит.

    • @youxagency
      @youxagency 3 месяца назад

      @@denismedvedev4384 все работает как часы, внимательно все по инструкции сделайте еще раз. Видимость блоков не ограничивайте и кол в самый низ

    • @denismedvedev4384
      @denismedvedev4384 3 месяца назад

      @@youxagency Вот и странно. Инструкция исчерпывающая. Ошибиться невозможно. Видимость блоков не ограничена, по умолчанию 1200px. Что значит "кол в самый низ"? Открывал страницу в Chrome (новых обновлений пока не требует), и Yandex.

    • @davidkvachadze8365
      @davidkvachadze8365 3 месяца назад

      @@denismedvedev4384 у меня тоже не работает

    • @Famousunshane
      @Famousunshane 2 месяца назад

      JQuery Больше с тильдой не работает. Тильда теперь на чистом JavaScript. Код другой сейчас, либо подключать jQuery отдельно

    • @Famousunshane
      @Famousunshane 2 месяца назад

      <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
    @doxer8459 3 месяца назад

    У меня не получается, хоть все по видео делаю:(

    • @youxagency
      @youxagency 3 месяца назад

      @@doxer8459 нельзя ограничение блоков ставить видимость и скрипт в самый низ.

  • @igr3943
    @igr3943 4 месяца назад

    До сих пор все актуально и работает без проблем! Решение элегантно простое и действенное! Спасибо и от души =)

  • @СлаваПетров-п1б
    @СлаваПетров-п1б 4 месяца назад

    Подписка оплачена!не работает.Все по инструкциям.Все блоки видны сразу.

  • @user-zj4nr4mw9e
    @user-zj4nr4mw9e 4 месяца назад

    А как сделать добавление товара количество + 1

  • @postcardsandroses
    @postcardsandroses 4 месяца назад

    огромное спасибо!! все заработало

  • @АндрейИзмайлов-ю2ъ
    @АндрейИзмайлов-ю2ъ 4 месяца назад

    Объяснеия супер!:)) пасиба

  • @PrintoffMO
    @PrintoffMO 4 месяца назад

    Очень круто спасибо!

  • @natali_kolodkina
    @natali_kolodkina 5 месяцев назад

    код из описания к видео не работает, блок не скрывается. Я ввела вручную код стиля, как на экране в видео, и тоже не скрывается. Что делать???

    • @youxagency
      @youxagency 4 месяца назад

      <style> Стиль блока который нужно скрыть { position: absolute; left: -9999px; } </style>

  • @crn05
    @crn05 5 месяцев назад

    HTML код обязательно нужно вставлять ниже всех блоков, которые в нем участвуют.

  • @natali_tochonaya
    @natali_tochonaya 5 месяцев назад

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

    • @youxagency
      @youxagency 5 месяцев назад

      В теории да, надо пробовать