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

Бюджет: 660 USD Термін: 7 днів

Привіт!
Я Єлизавета — Shopify-розробниця з 5-річним досвідом у сфері веб-розробки та e-commerce. Ознайомилась із вашим проєктом та впевнена, що зможу реалізувати потрібну функціональність швидко, акуратно.

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

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

Відображати інтерактивне 3D-вікно в шаблоні сторінки товару;
Прив’язати посилання на 3D-модель через метафілд (щоб кожен товар мав свою модель);
Зберегти повну адаптивність під мобільні пристрої;
Без втручання у сторонні API чи складну backend-логіку.
Для прикладу, на сторінці 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-продукту.