Вставить 3D-окно Unity в страницу товара в сайте на Shopify

Бюджет: 660 USD Срок: 7 дней

Привет!
Я Елизавета — разработчик Shopify с 5-летним опытом в сфере веб-разработки и электронной коммерции. Ознакомилась с вашим проектом и уверена, что смогу реализовать нужную функциональность быстро и аккуратно.

Цель — вставить ваш 3D-конфигуратор (Unity WebGL, например:
https://adm.cardo.it/3d/v2/instashop/mercedes/gl/gen1/)
непосредственно на страницу товара Shopify — желательно прямо в секции с фото продукта.

На этапе Proof of Concept (проверки концепции) можно сделать простую интеграцию через iFrame — это позволит:

Отображать интерактивное 3D-окно в шаблоне страницы товара;
Привязать ссылку на 3D-модель через метафилд (чтобы каждый товар имел свою модель);
Сохранить полную адаптивность под мобильные устройства;
Без вмешательства в сторонние API или сложную бэкенд-логику.
Например, на странице https://pbtest627.myshopify.com/products/lexus-lc-500-nia-side-skirt-splitter-extensions-2018-25 можно вставить интерактивное окно прямо под галереей фото.

Общий срок: до 7 дней.

Фиксированная цена — $600
(включает базовую интеграцию, стилизацию, тестирование и короткий гайд по использованию).

Мое портфолио: Freelancehunt
Буду рада пообщаться и помочь воплотить идею в жизнь!

С уважением! Развернуть

Бюджет: 200 USD Срок: 3 дня

Ирина, привет!
Готов помочь в решении данной задачи.
Имею опыт работы с Liquid Shopify и в целом с разработкой тем для Shopify.

В вашем случае нужно будет внести некоторые правки в выбранную вами тему для интеграции iframe, и я бы добавил кастомное метаполе для товара, чтобы просто в админке при добавлении товара прикреплять нужную ссылку на 3D-конфигуратор конкретной модели авто.

Вот вариант быстрой реализации - по вашему примеру на скриншоте.
Без настроек, просто чтобы оперативно вам показать.

https://furt-dev.myshopify.com/products/lexus-lc-500-nia-side-skirt-splitter-extensions-2018-25

Предлагаю обсудить детали! Развернуть

Бюджет: 220 USD Срок: 3 дня

Доверьтесь профессионалу со стажем более 10 лет! Ставка и сроки актуальны!
Буду рад сотрудничеству!
Опыт коммерческой разработки интернет-магазинов на CMS, бизнес-порталов и корпоративных сайтов-11 лет!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Примеры работ ( с нуля под ключ):
https://wildandorganic.com/
https://cryptosignals.org/
https://ecnbot.com
https://locs-ua.com/
https://www.grower.com.ua/
https://www.alternativemedicine.com.ua/
https://silkkiss.ua/
https://nordtrade.online/
https://v12coffee.com.ua/franchise/
https://smrtalgo.com/
https://sengero.no/
https://beautybysim.no/
https://sonatagalleri.com/
https://www.solmy-realestate.com/
https://www.emmanuel.com.ua/
https://www.onsitecomputersinc.com/
https://express-tehbud.com/
https://korostenporcelain.com.ua/
https://sladok.com.ua/
https://pricemds.com/
https://picupmedia.com/
https://www.serasar.com/ Развернуть

Бюджет: 200 USD Срок: 1 день

Здравствуйте!
Заинтересовался вашим предложением по проверке концепции встраивания 3D-конфигуратора Unity в Shopify Да, это возможно быстро и просто на Shopify (тема на Liquid) добавить iframe в секцию изображений продукта через редактор темы (theme.liquid или product.liquid), с адаптивным стилизованием (CSS для responsive), чтобы оно заменяло или дополняло фото
Пишите обсудим детали!

Бюджет: 200 USD Срок: 1 день

Добрый день,

Я нашёл два варианта реализации вашей задачи:
Вставить HTML в описание продукта с использованием и, что будет выглядеть некрасиво.

Динамически заменять изображение товара на, что будет отображаться, как в примере: https://www.skepra.com/examples/Site19/Site19 (сырой вариант но полностью готов к слиянию с другими продуктами и будет отображаться верно), и полностью удовлетворять вашим требованиям.

Я готов продолжить разработку, улучшать решение и внедрять все интеграции.

С уважением,
Skepra Развернуть

Бюджет: 199 USD Срок: 5 дней

Здравствуйте. Могу выполнить. Можно вставить как через iframe, так и встроить в код страницы напрямую через canvas, будете добавлять только ссылки на источники моделей для каждого товара в 2 метаполя.

Бюджет: 200 USD Срок: 4 дня

Сделаю PoC аккуратно и быстро: встрою ваш Unity-3D конфигуратор в карточку товара Shopify через iframe с lazy-load и кнопкой «Смотреть в 3D», чтобы не грузить страницу. Адаптивно для мобайла, в зоне фото (как в ТЗ) или в модальном окне — без интеграции с корзиной.

Для масштабирования добавлю product metafield под ссылку на 3D + короткую инструкцию менеджеру. Скорость сохраню (defer, sandbox, правильное соотношение сторон). Тест — на вашем демо-магазине.

Бюджет: 500 USD Срок: 5 дней

Да, это полностью реализуемо. На текущем этапе для проверки концепции мы можем просто встроить ваш Unity 3D-конфигуратор на страницу продукта в Shopify через iframe, прямо в область фотографий. Это позволит быстро показать работу модели без интеграций с корзиной или другими системами.
Для PoC я смогу добавить аккуратное оформление, адаптацию под мобильные устройства и при необходимости кнопку “Посмотреть в 3D”, чтобы не нагружать страницу. Весь процесс реализуем быстро и без костылей.
После успешной проверки концепции будет легко масштабировать решение и внедрять его для других товаров и компаний.
Готов обсудить детали и подготовить тестовую версию для вашего Shopify-продукта.