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

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

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

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

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

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

Показать оригинал

Перевести

Доверьтесь профессионалу со стажем более 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/

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

Добрый день,

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

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

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

… С уважением,
Skepra

Здравствуйте!

У меня более трех лет опыта вёрстки и frontend - разработки, а также 4 года shopify разработки

Могу вставить. Будет вот так https://prnt.sc/uCxc5CGxv8I4. Но вначале будет показываться "instashop". https://prnt.sc/2N6X8iwsBX7E

Моё портфолио: https://romkagall.github.io/portfolio/

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

Показать оригинал

Перевести

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

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

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