3D-mudeli vaatur on Shopifysse sisse ehitatud. Laadi GLB-fail üles toote meediafailina ja iga 3D-toega teema kuvab seda pööratava mudelina. AR-nupp avab iPhone'is AR Quick Looki ja Androidis Scene Vieweri. Toote lihtsa 3D-vaate jaoks pole eraldi rakendust vaja. Küll aga vajad korralikult tehtud väikese mahuga GLB-faili ja ühilduvat teemat.
Mida Shopify juba pakub
Shopify toote meediafailide dokumentatsiooni järgi:
- Vormingud: GLB või USDZ. Shopify teisendab üleslaaditud faili nii, et olemas on mõlemad versioonid: üks Androidi ja teine iOS-i jaoks.
- Suurim failimaht: kuni 500 MB mudeli kohta.
- Automaatne optimeerimine: üle 15 MB failid optimeeritakse automaatselt, alla 15 MB failid jäävad muutmata.
- Teemad: kõik Shopify loodud Online Store 2.0 teemad ja Horizoni teemade perekond toetavad 3D-d. Kolmanda osapoole teema puhul vajad 3D-toega versiooni.
Teemad kuvavad mudeleid Google'i model-viewer komponendiga. AR töötab Shopify XR-teegi kaudu, mis toetab AR Quick Looki iOS-i Safaris ja Scene Viewerit Androidis.
Kuidas lisada Shopifysse 3D-mudeli vaatur: samm-sammult
1. Kontrolli oma teemat
Ajakohases Shopify loodud teemas on vajalik tugi olemas. Vanemale või eritellimusel loodud teemale saab arendaja lisada vaaturi Liquid-filtriga model_viewer_tag ja AR-nupu funktsiooniga shopify-xr, nagu kirjeldab teemaarendajate dokumentatsioon.
2. Hangi Shopify partnerinõuetele vastav GLB
500 MB on suurim lubatud maht, mitte eesmärk. Shopify enda 3D-mudelite nõuded partneritele on märksa rangemad:
| Parameeter | Shopify juhised partneritele |
|---|---|
| Fail | GLB manustatud tekstuuridega |
| Kogumaht | Umbes 4 MB |
| Tekstuurid | Võimaluse korral optimeeritud JPG, mobiiliveebis mitte üle 2048 x 2048 px |
| Tekstuurikaardid | Baasvärvikaart, normaalikaart ning üks ühendatud varjutuse, kareduse ja metallilisuse kaart |
| Materjalid | Üks materjal, kui rohkemate jaoks pole põhjust |
| Mõõtkava | Tegelikule suurusele vastav mõõtkava (Shopify näites on laud modelleeritud 73 cm kõrgusena) |
| Koordinaatide alguspunkt | Toote aluspinna keskel |
| Geomeetria | Suletud servad, AR-is pole nähtavaid auke |
Mõõtkava loeb rohkem, kui esialgu arvatakse: valedes mõõtühikutes modelleeritud diivan paistab AR-is nukumööblina.
3. Vaata mudel enne üleslaadimist üle
Ava GLB model-vieweri redaktoris või mõnes muus glTF-vaaturis. Võrdle värve päris tootega, veendu, et mudel avaneb eestvaates, ja kontrolli, et tagaküljelt ei puuduks midagi.
4. Laadi mudel üles toote meediafailina
Ava Shopify halduses toode, vali meediafaili lisamine ja laadi GLB üles samamoodi nagu pilt. Lohista see failide loendis sobivasse kohta. Meie soovitus: jäta foto esimeseks pisipildi ja otsingutulemuste jaoks ning pane 3D-mudel teiseks, kust põhjalikumalt uuriv ostja selle leiab.
5. Testi AR-i päris telefonidel
iPhone'i Safaris peaks AR-nupp avama Quick Looki ja näitama toodet tegelikus suuruses, Androidis aga Scene Vieweri. Testi päris ruumis ja vähemalt ühel vanemal telefonil. Kui nuppu ei kuvata, on põhjus tavaliselt enne 3D-toe lisamist loodud teema või kohandatud tootemall, millest AR-plokk on eemaldatud.
Kui palju maksab Shopify 3D-mudel
Shopify 2020. aasta juhendis hinnati lihtsate tootemudelite maksumuseks 40-200 $ ja keerukamate puhul üle 1000 $. See artikkel on juba vana. Uuemate arendajahinnangute järgi maksab kasutusvalmis PBR-tekstuuridega mudel ligikaudu 150-1500 $. Värvi vahetamiseks muudetakse enamasti materjale, mitte geomeetriat, seega saab üht põhimudelit kasutada mitme tootevariandi jaoks.
Millal piisab Shopify enda 3D-st ja millal vajad eriarendust
| Vajadus | Sisseehitatud vaatur | Eriarendus |
|---|---|---|
| Pööramine, suumimine, AR-vaade | Jah | Jah |
| Värvi või materjali vahetamine vastavalt tootevariandile | Piiratud võimalused | Jah |
| Sobivusreeglid, reaalajas hinnastamine, mitmest osast tooted | Ei | Jah |
| Brändile omane valgustus, kaamera liikumine, toote animeeritud ilmumine | Ei | Jah |
| Kerimisega juhitav 3D maandumislehel | Ei | Jah |
Kui ostjal on vaja toodet lihtsalt lähemalt vaadata, piisab sisseehitatud lahendusest. Kui ta peab oma toote ise kokku panema, vaata 3D-tootekonfiguraatori hinna artiklit. Shopifyst sõltumatutest 3D-lahendustest, sealhulgas Sketchfabi manustamisest ja Three.js-i eriarendusest, loe juhendist, kuidas lisada veebilehele interaktiivne 3D-mudel.
Tulemustest: Shopify 2022. aasta muudatuste logi väidab, et 3D-sisu lisanud kaupmeeste konversioonimäär kasvab keskmiselt 94%. Need on Shopify enda kaupmeeste andmed, mitte kontrollitud test. Seda, mida andmed tõestavad ja mida mitte, käsitleme 3D-konfiguraatorite konversioonistatistika artiklis.
