OpenCart
Telepítsd a Yaplet chat widgetet OpenCart-os webáruházra úgy, hogy a kódot az OpenCart beépített Theme Editorában a lábléc sablonjához adod. Nem kell hozzá bővítmény vagy fájlfeltöltés.
Áttekintés
Az OpenCart Theme Editorával (sablonszerkesztőjével) az adminból módosíthatod a bolt sablonjait. Ha a Yaplet kódot a lábléc sablonjához (common/footer) adod, a chat widget minden oldalon megjelenik. Nem kell hozzá bővítmény, FTP-hozzáférés vagy fájlfeltöltés.
Telepítési lépések
Másold ki a Yaplet kódodat
A Yaplet vezérlőpulton menj a Márka → Chat widget menüpontra, és nyisd meg a Telepítés fület. Ha a fül megkérdezi, min fut a weboldalad, válaszd a Más weboldal lehetőséget. Másold ki a kódot a kódblokk másolás gombjával.
A lábléc sablonja HTML, ezért a kódnak egy <script> és egy </script> sor között kell lennie. Ha a Más weboldal lehetőséget választottad, a kódban már benne vannak ezek a sorok. Ha a fül nem kérdezett rá, a kód sima JavaScript, amely így kezdődik: !function (Yaplet, és beillesztéskor adod hozzá a sorokat.
Nyisd meg a lábléc sablonját
Az OpenCart adminban menj a Design → Theme Editor (Dizájn → Sablonszerkesztő) menüpontra. Ha a listában már szerepel a common/footer, azt szerkeszd, ne adj hozzá újat.
Különben kattints az Add New (Új hozzáadása) gombra (a plusz jel), válaszd ki a Store (Bolt) mezőben a boltot (Default, vagyis az alapértelmezettet, vagy azt, ahol chatet szeretnél), és a Choose Template (Sablon kiválasztása) mezőben válaszd a common/footer sablont. A szerkesztő betölti a lábléc mostani kódját.
Add hozzá a Yaplet kódot
A meglévő kódot hagyd úgy, ahogy van: amit itt elmentesz, az a teljes lábléc sablont lecseréli. Kezdj egy új sort közvetlenül az utolsó sor, a </body></html> fölött, és ide illeszd be a Yaplet kódot. A kódnak egy <script> sorral kell kezdődnie, és egy </script> sorral kell végződnie; ha a kimásolt kód ehelyett így kezdődik: !function (Yaplet, írd elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>.
Kapcsold be a Status (Állapot) kapcsolót, és kattints a Save (Mentés) gombra (a floppy ikon fent).
Nézd meg a boltodat
Nyisd meg a boltodat egy új böngészőfülön, és frissítsd a Ctrl+F5 billentyűkkel. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.
OpenCart 4.0 és 3.x
Menj a Design → Theme Editor menüpontra, és a Choose your store (Válaszd ki a boltodat) résznél válaszd ki a boltot. A Choose a template (Válassz sablont) résznél nyisd meg a common mappát, és kattints a footer.twig fájlra. Add hozzá a kódot egy új sorban a </body></html> fölé ugyanúgy, majd kattints a Save (Mentés) gombra.
Hibaelhárítás
- A lábléc módosítása ki van kapcsolva — a kikapcsolt bejegyzés szürkén látszik a Theme Editor listájában. Szerkeszd, kapcsold be a Status kapcsolót, és mentsd.
- Másik bolt volt kiválasztva — egy bejegyzés csak a benne kiválasztott boltot módosítja. Ha több boltod van, mindegyikhez add hozzá a kódot.
- A kód szövegként látszik az oldalak alján — hiányoznak a
<script>tagek. Szerkeszd a láblécet, írd a kód elé egy új sorba, hogy<script>, a kód után egy új sorba, hogy</script>, majd mentsd. - Mentés után üres oldalt vagy hibát mutat a bolt — a lábléc sablonjának egy része véletlenül megváltozott. Szerkeszd a bejegyzést, és kapcsold ki a Status kapcsolót, hogy visszakapd az eredeti láblécet, majd próbáld újra.
- A bolt egy másik fejlesztő sablonját használja — lehet, hogy a sablonnak saját lábléce van, ezért a módosításnak nincs hatása. Kérdezd meg a sablon fejlesztőjét, hová tehetsz szkriptet.
- A böngésző az oldal egy régi változatát mutatja — frissíts a Ctrl+F5 billentyűkkel, vagy nyisd meg a boltot egy privát böngészőablakban.