Лучший способ сделать 3d просмотр товара в Tilda Zero Block

Лучший способ сделать 3d просмотр товара в Tilda Zero Block | Cappasity в Тильда

Рет қаралды 29,717

3 жыл бұрын

Лучший способ сделать 3d просмотр товара в Tilda Zero Block | Cappasity в Тильда
Сегодня я покажу, как вставить 3d товар в карточку товара в ваш интернет-магазин в tilda zero block, с помощью сервиса Cappasity. Вы сможете конвертировать видео в 3d объект в зеро блок на тильде и удивить своих клиентов приятным функционалом. Также я покажу, как 3d просмотр товара на тильде встроить в карточку товара - стандартный блок
🦜Поддержать автора копейкой: www.donationalerts.com/r/swan4er
Сервис для конвертации видео в 3d для Тильда: cappasity.com
Ссылка на код: yadi.sk/d/ORM1Bk-vh7wKXg
___________________________________________
✅Поделись видео с друзьями: • Лучший способ сделать ...
✅Подпишись на канал и поставь🔔: / @design_scripts
Лучший способ сделать 3d просмотр товара в Tilda Zero Block | Cappasity в Тильда
___________________________________________
ВК: id117174434
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock

Пікірлер: 137

@Afflatusfund1 2 жыл бұрын

Очень классная фишка. Еще, великолепная структура объяснения: вначале показано то, что будем создавать, а потом процесс и способ. Редко кто на YT так показывает. Спасибо большое!

@user-bj6rw6hc7u 6 ай бұрын

Доброго дня! я только начинаю создавать сайты, и для меня вы - БОГ!!! такие чудеса творите!! Я, конечно, даже не успеваю усмотреть, и понять, куда вы кликаете, и что, и как называется, но... ЕСТЬ К ЧЕМУ СТРЕМИТЬСЯ!!! ОГРОМНАЯ ВАМ БЛАГОДАРНОСТЬ ЗА ТО, ЧТО ВЫ НЕ ЖАДНИЧАЕТЕ, А ДЕЛИТЕСЬ СВОИМ ОПЫТОМ И ЗНАНИЯМИ!! Не факт, что каждому, но кому то конечно же пригодится! у Вас очень добрая, открытая душа! Счастья Вам!

@user-my5bl2uk2w 2 жыл бұрын

Супер, не перестаю удивляться функионалу тильды и zero block 'а

@alinaderevianko650 3 жыл бұрын

Лучшие видео для работы с Тильдой. Постоянно жду новые видео! Спасибо за полезную информацию!

@design_scripts 3 жыл бұрын

И тебе спасибо за комментарий)

@pvs2489 3 жыл бұрын

Круто! Случайно набрел на одно из Ваше видео и вот уже второй час смотрю не могу оторваться )))

@konstantin8595 3 жыл бұрын

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

@user-fn8vo7zd2i 3 жыл бұрын

не. презирать это слишком. но если реальные фичи все ровно пишутся ручками, то как говорится «нафига баян»? Тильда ведь тем и славится, что любая «блондинка»... А ну ка, если код по править? Тут, мне кажется, уже «блондинка» растеряется. )

@user-ur8bk6hw6v 3 жыл бұрын

Лайк, как всегда шикарно! Попытаюсь щас тоже вставить 3d объект в тильду

@Aruginall 2 ай бұрын

Я в афиге от вашего контента! Я начинающий webmaster, без комментариев в шоке от вашего контента.

@irinamerkusheva9595 Жыл бұрын

Все очень круто, Ваш труд вдохновляет и заставляет искать! Спасибо!

@user-ii4fv2ew6o 3 жыл бұрын

Все видеоролики бомба, снимай больше 😍

@user-xn3gj8vg3b 2 жыл бұрын

Супер 👏 спасибо за полезности 💡

@alex-web4881 3 жыл бұрын

Очень редко пишу комментарии, но вчера только нашёл твой канал и просто шокирован контентом, спасибо огромное за эти ролики и удачи в развитии канала!)

@design_scripts 3 жыл бұрын

Спасибо, очень приятно слышать)

@dmitrykand5142 3 жыл бұрын

Как всегда круть) Такими темпами на тильде можно будет творить всё что угодно. Спасибо! Лайк поставил, колокольчик работает с первых видео.

@design_scripts 3 жыл бұрын

Спасибо) Тильда позволяет сделать очень многое. К примеру, сейчас я разбираюсь в webGL и three.js и планирую выпустить в скором времени что-нибудь бомбическое по теме 3d с помощью этих библиотек :D

@user-rg7nb1rb4l 3 жыл бұрын

Tilda со скриптами но, к сожалению, это очень напряжно для тильды;( грузится будет сто лет

@oleksiylevenko8160 2 жыл бұрын

Блин, гениальное решение! Прям бомба. Лайк!

@KitachiKitaru 3 жыл бұрын

Шикарно! Отличный канал - лайк однозначно 👍🏽 с удовольствием смотрю каждый раз |

@design_scripts 3 жыл бұрын

Спасибо за коммент, я рад стараться)

@arthurnasirov9231 3 жыл бұрын

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

@MegaDestrok Жыл бұрын

Великолепно, Маэстро! Снимаю шляпу!

@zbscomp 2 жыл бұрын

Ни фига себе на какой канал попал! Крутые видео! Спасибо) Многое узнал))

@oleksandr_bezuhlyi 3 жыл бұрын

Супер! Класс! Благодарю!💯👍

@design_scripts 3 жыл бұрын

И тебе спасибо за комментарий🔥

@heylyu 3 жыл бұрын

делай курс!))) очень круто!!

@milton2194 3 жыл бұрын

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

@LullabyOnBlackScreen 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

Спасибо, приятно слышать. Стараюсь для вас)

@user-id1bf8jc9c 3 жыл бұрын

Действительно топовый контент! Очень интересно, что ещё будет! 🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀

@design_scripts 3 жыл бұрын

Скоро three.js и 3D в стиле awwwards Не пропусти :D

@leonkramer4877 3 жыл бұрын

Спасибо друг! Очень классные видео делаешь 👍

@design_scripts 3 жыл бұрын

Спасибо, приятно)

@PRO-FISH17 8 ай бұрын

Я не знаю тебя лично, но ты несёшь топ инфу для мозга. Респект, жду новую инфу от тебя!

@billyfred9107 3 жыл бұрын

Огромное спасибо за видео!

@design_scripts 3 жыл бұрын

Рад, что понравилось👋

@glebksenofontov8338 3 жыл бұрын

Я просто прорвал трусы... Чувак ты мега крут.🤩

@user-so5ml1fg2z 6 ай бұрын

супер! ты меня спас!

@user-do8nx5sx9n 3 жыл бұрын

Спасибо за видео, все по-факту, мне понравилось, лайк влепил 😎

@design_scripts 3 жыл бұрын

Рад, что понравилось, заходите ещё ;D

@user-rt3wd6eg2o 3 жыл бұрын

Спасибо огромное! Это очень круто

@design_scripts 3 жыл бұрын

Спасибо) Рад, что понравилось

@AlisherNasimov7580 2 ай бұрын

Отлично !

@asapyo7961 3 жыл бұрын

Как всегда класс!

@design_scripts 3 жыл бұрын

Спасибо за коммент. Рад, что нравится)

@user-le3zi4hv5f 3 жыл бұрын

Суперский видос, спасибо

@design_scripts 3 жыл бұрын

Тебе спасибо за коммент

@playmarket7849 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

И тебе спасибо)

@user-dj9yl7uq2i 3 жыл бұрын

Круто Супер Спасибо

@fromallovertheworld4464 3 жыл бұрын

Отлично! Спасибо бро

@design_scripts 3 жыл бұрын

И тебе спасибо за коммент)

@-8867 2 жыл бұрын

Супер👍

@Ray_marketing_ 3 жыл бұрын

Огооонь друг мой продолжай в том же духе

@user-wc6bj9iw5d 3 жыл бұрын

Красава! Очень полезно

@design_scripts 3 жыл бұрын

Спасибо, рад, что понравилось)

@dexterstockman2640 2 жыл бұрын

Првиет)) Хорошее видео. А как ты сделал так,что у тебя модели все с текстуарми и цветные? На сайте моделек блендкерный формат и чтобы в обж сохранить, нужно экспорт сделать, а в 3 Д открывает без цвета и текстур. Как быть? Ты как делал?

@user-gi5iy9lb2y 3 жыл бұрын

Вопрос один, сколько будут жить эти ссылки? Отдашь клиенту, а тут обновление на тильде или ещё хрень какая-то и.....

@condemime1 3 жыл бұрын

Хороший вопрос)

@Am-pm_Crypto 3 жыл бұрын

Спасибо!

@vitalikwariii 3 жыл бұрын

Круто сделал 🤩

@user-zb3jn5kc8t 3 жыл бұрын

Добры день! Скажите пожалуйста, возможно ли к 3D фото добавить эффект. Например, чтобы он отображался при касании курсора к товару или при повороте? Спасибо

@user-oo6ls1nn6e 2 жыл бұрын

Большое спасибо! Есть пролемка, при загрузке 3д модели не отображаются текстуры, подскажете решение?

@Michael_Faze 3 жыл бұрын

Мне конечно это не нужно))) Такими фишками не пользуюсь)))нооо чувак это очень круто то что ты с тильдой творишь)))

@design_scripts 3 жыл бұрын

Спасибо, приятно это слышать)

@pitonytb 2 жыл бұрын

WOW! Очень крутое видео! Правда искал я способ встроить 360 фотографии и прогулки в тильду. Не сталкивался с такими штуками?

@web6373 3 жыл бұрын

Блин, чувак, ты красавчик!!!!

@design_scripts 3 жыл бұрын

Ахах, спасибо ;)

@user-ie7ju7ci9m 3 жыл бұрын

Огонь!

@design_scripts 3 жыл бұрын

Спасибо :D

@elinamusalova 2 жыл бұрын

Классно!

@erdem.desssigner 3 жыл бұрын

Уникальный контент)

@design_scripts 3 жыл бұрын

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

@romasharipov2574 3 жыл бұрын

Топ топ родной продолжай в том же духе ты моя любовь

@design_scripts 3 жыл бұрын

🧡🧡🧡

@Philipp-Batus Жыл бұрын

Интересно

@atamax_uzb Жыл бұрын

Красава

@dallaspayne8610 3 жыл бұрын

Чудесно, спасибо за ролик. Никто еще вроде бы не записывал видео о том, как вставлять 3d модели в тильду прямо в карточку товара))) upd. Ахахахах папка "блядские заметки" на рабочем столе

@design_scripts 3 жыл бұрын

Ахах, заметили всё-таки) Это разные заметки с курсов, обучающих видео, чтобы они были постоянно под рукой

@user-dl3yc8fr5k 2 жыл бұрын

Это просто бомба. Огромное спасибо. Подскажи пожалуйста, как такую же замену сделать не с блоком st205, а с st210 (там все картинки сразу выставлены). Можешь с кодом помочь?

@heylyu 3 жыл бұрын

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

@gost-izi 3 жыл бұрын

С меня лайк и подписка!

@design_scripts 3 жыл бұрын

Спасибо С меня тоже лайк ;)

@qbigcs 2 жыл бұрын

Круто, но не верится что так каждый товар большие платформы вручную обрабатывают.

@user-sl4xs5sd5y Жыл бұрын

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

@professor210 Жыл бұрын

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

@41137 Жыл бұрын

Здарова, ребятки подскажите пожалуйста где состряпать сайт для выкладки 3д туров? Конструкторы сайтов годятся вообще на это?

@user-iv4kf7vb5o 2 ай бұрын

А в мобильной версии эта анимация будет работать. Так как там не можем мышкой на двигать.

@abdulla3d 3 жыл бұрын

привет. клевый канал. тоже пытаюсь работать в тильде. Подскажи плиз как сделать боковое меню в тильда? есть блок ме901, но оно на весь по высоте , т.е. закрывает шапку, подвал и меню горизонтальное и весь сайт как бы смещается вправо. Можно ли этот блок как вставить между блоком горизонтальным меню и подвалом? или же зероблоке верстать? Опять тогда вся страница должна быть в зероблоке, потому что это меню иногда будет перекрывать элементы из стандартных блоков. Как быть здесь? Спасибо

@ibaxtep8758 2 жыл бұрын

Будет ли это работать с каталогом товаров?

@user-jq8ob3rb7d 3 жыл бұрын

да супер круто дизайнер со скриптами

@bartsimpson7072 Жыл бұрын

Как сделать вращающуюся модель дивана?

@user-qv3tn8zk6s Жыл бұрын

Скажите пожалуйста, что делать если аккаунт заблокировали на этом сайте. все хорошо работало 3 недели, а теперь что делать..

@Lucki-Rich 3 жыл бұрын

Классное видео. Хотел сделать видео 360 для товара. Сайт На Пром юа, html блок вставить там в карточку товара нет возможности (или же я не разобрался), решил проблему таким способом: создал html файл с кодом вставки с cappasity, скинул его на ФТП, а к картинке просто приделал ссылку.

@irinabobeshko8261 Жыл бұрын

После публикации на cappsity нет кнопки «встроить», это обновление какое-то?

@heylyu 3 жыл бұрын

и еще вопрос, как поменять не 3 фото, а например 8? в каком месте надо подправить код?

@clever6843 3 жыл бұрын

$('div[bgimgfield="gi_img__2"]').replaceWith($('.test')); вот в этом скрипте меняешь. 0- первая фотка, 1- вторая фотка, 2- третья фотка и т.д.

@ezenyaserebro7097 6 ай бұрын

Жаль, уже так не работает. Теперь в capasity выскакивает реклама. А ролик крутой, спасибо!

@vladsaley9520 6 ай бұрын

подскажите, нашли ли аналог?

@ezenyaserebro7097 6 ай бұрын

Пока нет, тз поменяли. Но для себя вопрос остаётся.@@vladsaley9520

@ariaholtz9401 3 жыл бұрын

С ума сойти, поверить не могу, что такое можно в Тильде сотворить! Благодарю Вас за видео!

@user-pz4dm7pp2b Жыл бұрын

Очень понравился сайт. Но я не могу установить Cappasity. Почему-то не идет.

@heylyu 3 жыл бұрын

вставить это получится только на 1 карточке товара, там где 3 в ряд не получится?

@clever6843 3 жыл бұрын

создавай отдельный попап для каждой карточки товара. Через каталог не получится, я не нашел как.

@user-de2oz6wq2m 3 жыл бұрын

Станислав привет, а где файл с ссылками?

@user-dy9ur2fb1j 3 жыл бұрын

А на сколько дольше сайт грузится с такими фичами? Может возникнуть с этим проблема, особенно если весь товар в магазине будет представлен таким образом ?

@design_scripts 3 жыл бұрын

Если пользователь сидит на диал апе, то да, будут проблемы.. даже без 3д товаров. Вообще, нужно пробовать. Тот же цум грузится долго сам по себе, а наличие 3д товаров делает загрузку не сильно дольше

@asselalmukhanova1534 3 жыл бұрын

Здравствуйте! Создала аккаунт на cappasity, тариф free, загрузила все на тильду zero block (код на html), опубликовала, а там появляется значок 3D, как его убрать?

@design_scripts 3 жыл бұрын

Насколько я понимаю, вы про вотермарку. На бесплатном тарифе - никак. Только, если в css параметром margin подкорректировать контейнер и скрыть ту часть, где находится этот символ

@dmitrykand5142 3 жыл бұрын

Сейчас есть возможность ставить кастомные google карты? Что-то сервис snazzymaps не хочет работать или я что-то не так делаю. Если тема интересна и есть возможность запили ролик на эту тему, думаю будет многим полезно.

@design_scripts 3 жыл бұрын

Да, насколько я помню, возможность есть. Только нужен API

@design_scripts 3 жыл бұрын

Придумал недавно лайфхак: над картой втыкать шейп определенного цвета, а затем играться с фильтрами и режимами наложения. К примеру, если на карту повесить grayscale (серый фильтр), создать белый шейп с параметром в style "mix-blend-mode:difference;" - то получится кастомная тёмная карта) Чтобы шейп не мешал курсору мыши, используй параметр "pointer-events:none;"

@dmitrykand5142 3 жыл бұрын

Tilda со скриптами эта наверное за что гугл будет брать оплату?

@design_scripts 3 жыл бұрын

Имеено

@dmitrykand5142 3 жыл бұрын

Tilda со скриптами прикольно, а свойства шейпа только кодом можно задать?

@ilromali 3 жыл бұрын

много весят такие сайты?)

@mybodyartchannel 3 жыл бұрын

Ракета! Бомба! Питарда!

@design_scripts 3 жыл бұрын

От души, братишка, приятно слышать🔥

@playmarket7849 3 жыл бұрын

подскажите, а в зеро блок - как вставить можно?

@design_scripts 3 жыл бұрын

На 5:20 вставляю в зеро блок :)

@annamalia9229 3 жыл бұрын

а как сделать тоже самое только не для отдельного блока товара а для магазина на Тильде?

@s_andrey 3 жыл бұрын

Поддерживаю

@user-vn5hl5lz1j 2 жыл бұрын

У вас получилось?

@user-do4fe6qj9m 11 ай бұрын

margin-top -50: просто существует создатели сайта cappasiry: я тебя ненавижу!

@Zaweone1 2 жыл бұрын

unreal awesome кул

@mars77775 Жыл бұрын

Было бы прикольно, если бы действительно все так и работало, как в видео. У меня есть ощущение, что комментаторы восторгаются, но сами не пробуют это делать. А те, кто пробует, терпят неудачу… пишут сюда об этом, но… несмотря на громкие заявления автора, ответа не получают 🤷‍♀️

@design_scripts Жыл бұрын

Согласен