CAFEOMO | Кастомные табы для каталога товаров на сайте Tilda
Vložit
- čas přidán 12. 09. 2024
- В этом видео я решил поделиться реализацией решения переключения кастомных табов для товарного меню на сайте cafeomo.
Пошаговый видео-урок как это работает, как это сделать самостоятельно и разместить на любом другом сайте. Вы можете больше, чем вы думаете, выходите за рамки стандартных возможностей, экспериментируйте и создавайте крутые проекты. Поехали
Код для вставки:
(Нужно разместить в style вашего сайта в настройках, либо обернуть в теги style в блок Т123)
.t397__wrapper {
visibility: hidden;
}
.t-rec_pt_45 {
padding-top:5px;
}
.t397__wrapper_mobile {
display: block;
visibility: hidden;
}
Поблагодарить автора: www.tinkoff.ru...
Наше сообщество тут: t.me/youxsupport
#tildapublishing #madeontilda #веб #вебдизайнер #ui #ux #менюТильда #зероблок #дизайн #вебдизайн #design #zeroblock #сайт #лендинг #youxagency
Огонь, очень подробно и по делу, пойду практиковать)
А в табы можно добавить ссылки на категории товаров? Чтобы открывались не варианты супов, а категории, например "супы с мясом", супы без мяса" и тд? Ну и далее, чтобы можно был открыть категории. Так возможно сделать?
Спасибо. Полезная информация!
Огромное спасибо за ваш труд!
Всё работает! Благодарю за урок
Отлично все обьяснили, спасибо очень помогли!
Лучшие! Огромное спасибо вам!
Очень круто спасибо!
Очень очень вас прошу🙏🏻как скрыть блок ME603 на мобильной версии? Вы не могли бы прописать style🙏🏻🙏🏻🙏🏻
На декстопе все отлично работает! Спасибо
почему у меня остаётся огромный отступ где был этот блок что скрыли? как это убрать?
Тоже самое происходит. Нашли решение может быть ?
@@moonknight6 да, там нужно в настройках убрать ширину на 0
@@user-yv6vc5he9f то есть ? В каких настройках какую ширину ? 👉🏻👈🏻
@@moonknight6 в настройках блока, ширину этой плашки
@@user-yv6vc5he9f то есть, зайти в этот блок ME603 который с табами и сделать ширину блока 1 колонка ? просто я сделал именно так, даже шрифт в этом блоке сделал 1 и все равно остается пустое пространство под зеро блоком с табами(
Привет, благодарю! ❤
Скажи, пожалуйста, как ты скруглил углы у фото карточек товара?
все получилось, спасибо за такое полезное видео!
Снимите, пожалуйста, видео на тему того, как сделать зависимость наименований и количества фильтров от табов.
Так же было бы приятно увидеть модификацию, которая позволяет сворачивать фильтры.
Заранее спасибо и подписка)
Напишите задачу более подробно в наш общий чат в телеграмм. Благодарю за подписку
Добрый день, нашли ответ? Тоже хочу сейчас сделать так
🚀🚀🚀🤙
Здравствуйте! Такой вопрос- я вставила ваш код, на декстопе все хорошо, а на мобильной версии почему то этот блок не спрятался, где переключаются табы( не подскажите в чем может быть причина?
очень очень очень круто, спасибо вам!
код из описания к видео не работает, блок не скрывается. Я ввела вручную код стиля, как на экране в видео, и тоже не скрывается. Что делать???
Стиль блока который нужно скрыть {
position: absolute;
left: -9999px;
}
Потрясающе
Добрый день, а после такой настройки как интегрировать для мобильной версии, мне надо например чтобы эти табы превратились в выпадающий список и по нему, исходя из выбранной категории также менялись товары, очень здорово было бы если в видео освещалась не только компьютерная версии но и адаптация)
Большое спасибо за видео, было очень полезным )
Добрый день. В теории нужно ограничить видимость блока этого решения для ПК и для моб добавить выпадающий список стандартный.
А как сделать добавление товара количество + 1
Спасибо большое, то что я искала! Только вопрос, не повлияет ли негативно код, скрывающий блок на SEO?
Правильный вопрос. Но мы скрываем табы, не SEO тексты. С этим проблем не будет.
Жаль что при использовании такой схемы переключения табов не работает анимация появления товаров. Может есть дополнительный код?
Только у меня одного вопросы по к тому, как он скрыл этот блок?как и куда вставлять код?
В описание к видео есть инструкция. Кусок css, его вставить в в настройки сайта в стили можно например.
а можно сделать, чтобы на главной странице остались только табы, а кликая по ним будет перекидывать на новую страницу с каталогом
Скажите пожалуйста, возможно ли на тильде сделать кастомный поток новостей
не могу понять где отключить блок с тобами МЕ603 что вставлять и как это сделать не догоняю попомгите пожалуйста чтоб убрать блок
Как сделать табы на мобильную версию выпадающим списком? (у меня 10 табов, и их в мобильный дизайн в 3-4 строки ой как не хочется лепить (в моем случае нельзя использовать стандартный блок, где на мобильной версии встроен выпадающий список, только через зеро блок)
посмотрела 20+ видео на эту тему, и никто не ответил на этот вопрос
Если поможете, большущее спасибо
А как эти табы анимировать ?
код из описания не работает почему-то
вставь между
Все получилось, спасибо) А можно ли как-то сделать, чтобы у активного таба цвет отличался?
Добрый день, не нашли модификацию? Как активный таб обозначить?
Подскажите, а как допустим сделать, чтобы табы закрепились наверху и при скролле показывалась активная категория?
У Тильдошной есть кодя для прилипания блока и мо-тильда активные вкладки по якорям. Должно помочь
спасибо! Успехов в работе и жизни!
В мобильной версии как будет работать?
.t397__wrapper {
visibility: hidden;
}
.t-rec_pt_45 {
padding-top:5px;
}
.t397__wrapper_mobile {
display: block;
visibility: hidden;
}
Для моб, чтобы скрыть стандартный блок
@@youxagencyздравствуйте. Чтобы на десктопе и моб версии работало, надо оба кода вставлять?
Подскажи пожалуйста как ты сделал на ОМО карточки товара закруглеными
Через css. Добавим на сайт модификацию в ближайшее время
@@youxagency Спасибо буду ждать
Как сделать так чтоб фильтры менялись от выбранного таба?
Нажать на фильтр и скопировать ссылку ставить в шейп
Как теперь это убрать 😭? Я код со стилей убрала а этот блок не видно
Значит не все убрали, проверьте еще раз
а разве нельзя просто выключить блок ? (скрыть)
Проверьте. На момент записи видео это не работало.
у кого нибудь есть проблема. что при переключении табов не получается делать скролл по странице?
если подробнее - при нажатии несколько раз на разные табы - скролл остаётся возле указанного таба и не получается листать страницу. и при перезагрузке происходит тоже самое, нужно заново открывать страницу. Возможно я что то не так изначально сделал, кто-нить подскажет?
upd: такое случается, если ВООБЩЕ не совершать никаких действий, кроме нажатия на табы. но все равно вот такое слукчилось. или это имеет нулевой шанс в пользовательском пути и не стоит париться?
Cделай пожалуйста больше 8 меню
Больше 8 можно использовать видео урок с табами v.2.0 на канале
@@youxagency Спасибо
костыльщик бл)
почему все забивают на мобильную версию?
?