Wstawić okno 3D Unity na stronę produktu w serwisie Shopify

Budżet: 660 USD Termin: 7 dni

Cześć!
Jestem Elizaveta — programistką Shopify z 5-letnim doświadczeniem w dziedzinie web developmentu i e-commerce. Zapoznałam się z Twoim projektem i jestem pewna, że mogę szybko i starannie zrealizować potrzebną funkcjonalność.

Cel — wstawić Twój 3D-konfigurator (Unity WebGL, na przykład:
https://adm.cardo.it/3d/v2/instashop/mercedes/gl/gen1/)
bezpośrednio na stronę produktu Shopify — najlepiej bezpośrednio w sekcji ze zdjęciami produktu.

Na etapie Proof of Concept (sprawdzenia koncepcji) można zrobić prostą integrację przez iFrame — to pozwoli:

Wyświetlać interaktywne okno 3D w szablonie strony produktu;
Powiązać link do modelu 3D przez metafield (aby każdy produkt miał swój model);
Zachować pełną responsywność na urządzenia mobilne;
Bez ingerencji w zewnętrzne API czy skomplikowaną logikę backendu.
Na przykład, na stronie https://pbtest627.myshopify.com/products/lexus-lc-500-nia-side-skirt-splitter-extensions-2018-25 można wstawić interaktywne okno bezpośrednio pod galerią zdjęć.

Całkowity czas: do 7 dni.

Stała cena — 600 USD
(zawiera podstawową integrację, stylizację, testowanie i krótki przewodnik po użyciu).

Moje portfolio: Freelancehunt
Będę zadowolona z rozmowy i pomocy w realizacji pomysłu!

Z poważaniem! Rozwiń

Budżet: 200 USD Termin: 3 dni

Irina, witam!
Jestem gotów pomóc w rozwiązaniu tego zadania.
Mam doświadczenie w pracy z Liquid Shopify i ogólnie w tworzeniu motywów dla Shopify.

W twoim przypadku będzie trzeba wprowadzić pewne zmiany w wybranym przez ciebie motywie, aby zintegrować iframe, a ja dodałbym niestandardowe metafield dla produktu, aby po prostu w panelu administracyjnym przy dodawaniu produktu dołączyć odpowiedni link do 3D-konfiguratora konkretnego modelu auta.

Oto szybka realizacja - według twojego przykładu na zrzucie ekranu.
Bez ustawień, po prostu, aby szybko ci to pokazać.

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

Proponuję omówić szczegóły! Rozwiń

Budżet: 220 USD Termin: 3 dni

Zaufaj profesjonalistowi z ponad 10-letnim doświadczeniem! Stawka i terminy są aktualne!
Będę wdzięczny za współpracę!
Doświadczenie w komercyjnej produkcji sklepów internetowych na CMS, portali biznesowych i stron korporacyjnych - 11 lat!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Przykłady prac (od zera pod klucz):
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/ Rozwiń

Budżet: 200 USD Termin: 1 dzień

Cześć!
Zainteresowałem się waszą ofertą dotyczącą sprawdzenia koncepcji wbudowania 3D-konfiguratora Unity w Shopify. Tak, to możliwe szybko i łatwo na Shopify (motyw na Liquid) dodać iframe do sekcji zdjęć produktu przez edytor motywu (theme.liquid lub product.liquid), z responsywnym stylowaniem (CSS dla responsywności), aby zastępowało lub uzupełniało zdjęcie.
Piszcie, omówimy szczegóły!

Budżet: 200 USD Termin: 1 dzień

Dzień dobry,

Znalazłem dwa warianty realizacji twojego zadania:
Wstawić HTML w opisie produktu z użyciem i, co będzie wyglądać nieestetycznie.

Dynamicznie zamieniać obrazek produktu na, co będzie wyświetlane, jak w przykładzie: https://www.skepra.com/examples/Site19/Site19 (surowa wersja, ale całkowicie gotowa do połączenia z innymi produktami i będzie wyświetlana poprawnie), i w pełni spełniać twoje wymagania.

Jestem gotów kontynuować rozwój, poprawiać rozwiązanie i wdrażać wszystkie integracje.

Z poważaniem,
Skepra Rozwiń

Budżet: 199 USD Termin: 5 dni

Witam. Mogę to wykonać. Można wstawić zarówno przez iframe, jak i osadzić bezpośrednio w kodzie strony przez canvas, będziecie dodawać tylko linki do źródeł modeli dla każdego produktu w 2 metapolach.

Budżet: 200 USD Termin: 4 dni

Zrobię PoC starannie i szybko: wbuduję wasz konfigurator Unity-3D w kartę produktu Shopify przez iframe z lazy-load i przyciskiem „Zobacz w 3D”, aby nie obciążać strony. Responsywnie dla urządzeń mobilnych, w strefie zdjęcia (jak w Tz) lub w oknie modalnym — bez integracji z koszykiem.

Dla skalowania dodam metafield produktu pod link do 3D + krótką instrukcję dla menedżera. Zachowam prędkość (defer, sandbox, prawidłowy stosunek boków). Test — na waszym sklepie demo.

Budżet: 500 USD Termin: 5 dni

Tak, to jest całkowicie wykonalne. Na obecnym etapie, aby sprawdzić koncepcję, możemy po prostu zintegrować twój konfigurator Unity 3D na stronie produktu w Shopify za pomocą iframe, bezpośrednio w obszarze zdjęć. To pozwoli szybko pokazać działanie modelu bez integracji z koszykiem lub innymi systemami.
Dla PoC będę mógł dodać estetyczne wykończenie, dostosowanie do urządzeń mobilnych i w razie potrzeby przycisk „Zobacz w 3D”, aby nie obciążać strony. Cały proces możemy zrealizować szybko i bez obejść.
Po pomyślnym sprawdzeniu koncepcji łatwo będzie skalować rozwiązanie i wdrażać je dla innych produktów i firm.
Jestem gotów omówić szczegóły i przygotować wersję testową dla twojego produktu w Shopify.