CAFEOMO | Кастомные табы для каталога товаров на сайте Tilda
ฝัง
- เผยแพร่เมื่อ 2 ต.ค. 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
А в табы можно добавить ссылки на категории товаров? Чтобы открывались не варианты супов, а категории, например "супы с мясом", супы без мяса" и тд? Ну и далее, чтобы можно был открыть категории. Так возможно сделать?
Спасибо. Полезная информация!
почему у меня остаётся огромный отступ где был этот блок что скрыли? как это убрать?
Тоже самое происходит. Нашли решение может быть ?
@@moonknight6 да, там нужно в настройках убрать ширину на 0
@@ОльгаМясникова-к6ъ то есть ? В каких настройках какую ширину ? 👉🏻👈🏻
@@moonknight6 в настройках блока, ширину этой плашки
@@ОльгаМясникова-к6ъ то есть, зайти в этот блок ME603 который с табами и сделать ширину блока 1 колонка ? просто я сделал именно так, даже шрифт в этом блоке сделал 1 и все равно остается пустое пространство под зеро блоком с табами(
Огонь, очень подробно и по делу, пойду практиковать)
🚀🚀🚀🤙
Добрый день, а после такой настройки как интегрировать для мобильной версии, мне надо например чтобы эти табы превратились в выпадающий список и по нему, исходя из выбранной категории также менялись товары, очень здорово было бы если в видео освещалась не только компьютерная версии но и адаптация)
Большое спасибо за видео, было очень полезным )
Добрый день. В теории нужно ограничить видимость блока этого решения для ПК и для моб добавить выпадающий список стандартный.
Очень круто спасибо!
Огромное спасибо за ваш труд!
код из описания к видео не работает, блок не скрывается. Я ввела вручную код стиля, как на экране в видео, и тоже не скрывается. Что делать???
Стиль блока который нужно скрыть {
position: absolute;
left: -9999px;
}
Очень очень вас прошу🙏🏻как скрыть блок ME603 на мобильной версии? Вы не могли бы прописать style🙏🏻🙏🏻🙏🏻
На декстопе все отлично работает! Спасибо
Привет, благодарю! ❤
Скажи, пожалуйста, как ты скруглил углы у фото карточек товара?
Здравствуйте! Такой вопрос- я вставила ваш код, на декстопе все хорошо, а на мобильной версии почему то этот блок не спрятался, где переключаются табы( не подскажите в чем может быть причина?
Отлично все обьяснили, спасибо очень помогли!
Жаль что при использовании такой схемы переключения табов не работает анимация появления товаров. Может есть дополнительный код?
не могу понять где отключить блок с тобами МЕ603 что вставлять и как это сделать не догоняю попомгите пожалуйста чтоб убрать блок
Лучшие! Огромное спасибо вам!
Только у меня одного вопросы по к тому, как он скрыл этот блок?как и куда вставлять код?
В описание к видео есть инструкция. Кусок css, его вставить в в настройки сайта в стили можно например.
Всё работает! Благодарю за урок
Скажите пожалуйста, возможно ли на тильде сделать кастомный поток новостей
код из описания не работает почему-то
вставь между
А как сделать добавление товара количество + 1
В мобильной версии как будет работать?
.t397__wrapper {
visibility: hidden;
}
.t-rec_pt_45 {
padding-top:5px;
}
.t397__wrapper_mobile {
display: block;
visibility: hidden;
}
Для моб, чтобы скрыть стандартный блок
@@youxagencyздравствуйте. Чтобы на десктопе и моб версии работало, надо оба кода вставлять?
А как эти табы анимировать ?
а можно сделать, чтобы на главной странице остались только табы, а кликая по ним будет перекидывать на новую страницу с каталогом
все получилось, спасибо за такое полезное видео!
Спасибо большое, то что я искала! Только вопрос, не повлияет ли негативно код, скрывающий блок на SEO?
Правильный вопрос. Но мы скрываем табы, не SEO тексты. С этим проблем не будет.
очень очень очень круто, спасибо вам!
Как сделать табы на мобильную версию выпадающим списком? (у меня 10 табов, и их в мобильный дизайн в 3-4 строки ой как не хочется лепить (в моем случае нельзя использовать стандартный блок, где на мобильной версии встроен выпадающий список, только через зеро блок)
посмотрела 20+ видео на эту тему, и никто не ответил на этот вопрос
Если поможете, большущее спасибо
Как сделать так чтоб фильтры менялись от выбранного таба?
Нажать на фильтр и скопировать ссылку ставить в шейп
а разве нельзя просто выключить блок ? (скрыть)
Проверьте. На момент записи видео это не работало.
Как теперь это убрать 😭? Я код со стилей убрала а этот блок не видно
Значит не все убрали, проверьте еще раз
Снимите, пожалуйста, видео на тему того, как сделать зависимость наименований и количества фильтров от табов.
Так же было бы приятно увидеть модификацию, которая позволяет сворачивать фильтры.
Заранее спасибо и подписка)
Напишите задачу более подробно в наш общий чат в телеграмм. Благодарю за подписку
Добрый день, нашли ответ? Тоже хочу сейчас сделать так
Все получилось, спасибо) А можно ли как-то сделать, чтобы у активного таба цвет отличался?
Добрый день, не нашли модификацию? Как активный таб обозначить?
у кого нибудь есть проблема. что при переключении табов не получается делать скролл по странице?
если подробнее - при нажатии несколько раз на разные табы - скролл остаётся возле указанного таба и не получается листать страницу. и при перезагрузке происходит тоже самое, нужно заново открывать страницу. Возможно я что то не так изначально сделал, кто-нить подскажет?
upd: такое случается, если ВООБЩЕ не совершать никаких действий, кроме нажатия на табы. но все равно вот такое слукчилось. или это имеет нулевой шанс в пользовательском пути и не стоит париться?
Подскажите, а как допустим сделать, чтобы табы закрепились наверху и при скролле показывалась активная категория?
У Тильдошной есть кодя для прилипания блока и мо-тильда активные вкладки по якорям. Должно помочь
Потрясающе
Подскажи пожалуйста как ты сделал на ОМО карточки товара закруглеными
Через css. Добавим на сайт модификацию в ближайшее время
@@youxagency Спасибо буду ждать
Cделай пожалуйста больше 8 меню
Больше 8 можно использовать видео урок с табами v.2.0 на канале
@@youxagency Спасибо
костыльщик бл)
почему все забивают на мобильную версию?
?
спасибо! Успехов в работе и жизни!