Toate platformele / Ghid
Model 3D și AR pe OpenCart
Codul 3DView se lipește în descrierea produsului, în modul cod al editorului (Code View în OpenCart 3, Source în OpenCart 4).
- Plugin / aplicație
- Nu e nevoie
- Unde lipești codul
- Produs → General → Descriere → „Code View”
- AR pe telefon
- Da, Android și iPhone
Codul 3DView în descrierea produsului
Descrierea apare la fila „Descriere” de pe pagina produsului.
Pasul 1
Copiază codul din 3DView
Intră în cont la „Modelele mele” și, la model, apasă „Cod pentru site”: codul se copiază imediat. Filele Shopify, WooCommerce și „Orice site” arată doar unde îl lipești; codul e același.
Copiază codul din 3DView Pasul 2
Deschide produsul
Catalog → Products → butonul Edit (creionul) de la produs.
Deschide produsul Pasul 3
Treci editorul pe cod
La fila General, câmpul Description: apasă „Code View” (</>) în OpenCart 3 sau „Source” în OpenCart 4.
Treci editorul pe cod Pasul 4
Lipește codul
Lipește codul, apoi apasă din nou butonul ca să revii la editor.
Lipește codul Pasul 5
Salvează
Apasă butonul albastru Save (discheta) din dreapta sus și verifică produsul în magazin.
Codul pe care îl lipești
Așa arată codul copiat din 3DView (la tine apare ID-ul modelului în loc de MODEL_ID). Poți schimba înălțimea (height:480px); restul lasă-l neschimbat. Adaugă ?controls=0 după ID ca să ascunzi bara de reglaje de sub model.
<iframe src="https://www.3dview.ai/embed/MODEL_ID" title="Canapea Oslo" loading="lazy" allow="xr-spatial-tracking; fullscreen; accelerometer; gyroscope" allowfullscreen style="width:100%;height:480px;border:0;border-radius:12px"></iframe>
Cum verifici că merge
- Pe calculator: modelul se încarcă, se rotește cu mouse-ul, iar butonul „Vezi pe telefon” arată un cod QR pentru AR.
- Pe Android (Chrome): apasă butonul AR din colțul modelului. Se deschide vizualizatorul AR Google și pui produsul în cameră, la mărime reală. Telefonul trebuie să fie compatibil ARCore.
- Pe iPhone/iPad (Safari): apasă butonul AR. Se deschide AR Quick Look, fără nicio aplicație.
- Testează din Safari sau Chrome, nu din browserul intern al Facebook/Instagram: acolo AR nu pornește.
- Ai mai multe limbi? Fiecare limbă are fila ei la Description: lipește codul în fiecare.
Probleme frecvente și soluții
Iframe-ul dispare după salvare
Unele versiuni, teme sau extensii de securitate filtrează iframe-urile. Încearcă din nou în modul cod; dacă tot dispare, cere dezvoltatorului să permită iframe de pe www.3dview.ai sau pune linkul modelului în descriere.
Vreau modelul în altă zonă a paginii
Modulul inclus „HTML Content” (Extensions → Modules) pune HTML într-o poziție a layout-ului, dar apare la toate produsele cu acel layout. Pentru un model per produs, rămâi la descriere.
Codul dispare sau devine text după salvare
Editorul l-a curățat: lipește codul în modul HTML / cod sursă, nu în modul vizual (pașii de mai sus arată butonul exact). Dacă tot dispare, platforma nu permite iframe-uri: folosește linkul și codul QR din „Distribuie / QR”.
Modelul e prea mic sau apare tăiat
Mărește înălțimea din cod: height:480px devine, de exemplu, height:600px. Lățimea (100%) se adaptează singură la coloană. Pe telefon 400–500px e de obicei suficient.
Butonul AR nu apare sau nu pornește pe iPhone
AR pe iPhone cere Safari (sau Chrome pe iOS) și un iPhone/iPad cu iOS 12 sau mai nou. 3DView pregătește automat varianta pentru iPhone (USDZ). Deschide linkul modelului direct (butonul „Vezi în AR” din cont): dacă acolo merge, platforma ta blochează AR în cadrele încorporate; pune sub model un link „Vezi în AR” către acel link.
Browserul spune „conținut nesigur” sau modelul nu se încarcă
Nu schimba adresa din cod în http://. Pe un site https, browserele blochează cadrele http (conținut mixt). Lasă adresa exact cum e: https://www.3dview.ai/embed/…
Apare logo-ul 3DView pe model
Îl scoți per model, din cont: „Elimină logo”, o singură plată în credite. Codul rămâne același.
Încetinește pagina?
Nu: codul are loading="lazy", deci modelul se încarcă doar când ajunge pe ecran. Găzduirea e inclusă, fără abonament.
Ilustrații simplificate, nu capturi de ecran; meniurile pot arăta puțin diferit în versiunea ta.
Întrebări frecvente
Am nevoie de o extensie?
Nu. Editorul de descriere din OpenCart acceptă HTML.
Merge pe OpenCart 2?
Da, editorul are același buton „Code View”.
Nu ai încă un model 3D?
Scanează produsul cu telefonul sau pornește de la o poză. Primești codul pentru site, linkul cu QR și AR incluse.
Creează-ți primul model