Toate platformele / Ghid
Model 3D și AR pe PrestaShop
PrestaShop șterge implicit iframe-urile din descrieri. O setare le permite, apoi lipești codul în descrierea produsului, din modul cod sursă al editorului.
- Plugin / aplicație
- Nu e nevoie
- Unde lipești codul
- Descriere / Rezumat → „Cod sursă”
- AR pe telefon
- Da, Android și iPhone
Codul 3DView în descrierea produsului
Rezumatul (Summary) apare lângă preț; descrierea lungă, mai jos în pagină.
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
Permite iframe-urile
Parametri magazin (Shop Parameters) → General → „Permite iframe-uri în câmpurile HTML” (Allow iframes on HTML fields) → Da → Salvează. O faci o singură dată.
Permite iframe-urile Pasul 3
Deschide produsul
Catalog → Produse → apasă pe produs.
Deschide produsul Pasul 4
Deschide codul sursă al descrierii
În editorul de la Rezumat sau Descriere apasă butonul „Cod sursă” (Source code, <>). Pe unele teme e sub butonul „…” al editorului.
Deschide codul sursă al descrierii Pasul 5
Lipește codul și salvează
Lipește codul, apasă OK în fereastra de cod, apoi Salvează produsul.
Lipește codul și salvează
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.
- Dacă magazinul are mai multe limbi, lipește codul în descrierea fiecărei limbi (filele de limbă de lângă câmp).
Probleme frecvente și soluții
Codul dispare chiar și după setare
Verifică în același loc opțiunea „Folosește biblioteca HTMLPurifier”; cu iframe-urile permise, codul ar trebui să rămână. Golește și cache-ul: Parametri avansați → Performanță → Golește cache-ul.
Nu văd butonul de cod sursă
Unele module de editor îl ascund. Caută butonul „<>” sau „Source code” sub „…”, sau cere dezvoltatorului să-l activeze în TinyMCE.
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 un modul PrestaShop?
Nu. După setarea pentru iframe, codul merge direct în descriere.
E sigur să permit iframe-urile?
Setarea permite iframe-uri doar celor care editează produsele din admin. Lipești doar coduri din surse în care ai încredere.
Merge pe PrestaShop 1.6?
Da, aceeași setare există în Preferințe → General; editorul are butonul „HTML”.
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