PrestaShop

Telepítsd a Yaplet chat widgetet PrestaShop 8 vagy 9 alapú webáruházra a sablon custom.js fájljával. Hozzáférés kell a bolt fájljaihoz, vagy egy fejlesztő.

Áttekintés

A PrestaShop minden oldal végén betölti a használt sablon assets/js/custom.js fájlját. Ha ebbe a fájlba beteszed a Yaplet kódot, a chat widget az egész boltban megjelenik. Ez a PrestaShop 8-ban és 9-ben is működik.

A PrestaShop adminban nincs olyan beállítás, amellyel kódot tehetnél minden oldalra, ezért ez a sablon fájljainak módosítása. Hozzáférés kell a bolt fájljaihoz FTP-n vagy a tárhely fájlkezelőjén keresztül. Ha ez nincs meg, küldd el ezt az oldalt a fejlesztődnek. A menüpontokat angolul írjuk, ahogy az angol nyelvű adminban szerepelnek, zárójelben a jelentésükkel.

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, és kapcsold ki ezt a kapcsolót: A <script> és a </script> sorral együtt. Másold ki a kódot a kódblokk másolás gombjával.

A custom.js JavaScript fájl, ezért a kódnak sima JavaScriptnek kell lennie, amely így kezdődik: !function (Yaplet, és nincs körülötte <script> sor. Ha a kimásolt kód egy <script> sorral kezdődik, beillesztéskor hagyd ki ezt az első sort és az utolsó, </script> sort.

Keresd meg a sablon mappáját

Az adminban menj a Design → Theme & Logo (Dizájn → Téma és logó) menüpontra. Az oldal első részében látod annak a sablonnak a nevét, amelyet a bolt használ. A szerveren minden sablonnak saját mappája van a PrestaShop telepítés themes mappájában.

Tedd a kódot a custom.js fájlba

A sablon mappájában nyisd meg az assets/js/custom.js fájlt. Ha nincs ilyen (a Hummingbird sablonban alapból nincs), hozz létre egy üres fájlt pontosan ezzel a névvel és útvonallal. A PrestaShop betölti, ha létezik.

Illeszd be a Yaplet kódot a fájl végére egy új sorba, és mentsd a fájlt. Ha a bolt gyereksablont (child theme) használ, a fájlt a gyereksablon mappájába tedd.

Ürítsd a PrestaShop gyorsítótárát

Az adminban menj az Advanced Parameters → Performance (Haladó beállítások → Teljesítmény) menüpontra, és kattints az oldal tetején a Clear cache (Gyorsítótár ürítése) gombra.

Nézd meg a boltodat

Nyisd meg a boltodat egy új böngészőfülön, és frissítsd. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.

Hibaelhárítás

  • A fájl rossz helyen van — a PrestaShop csak annak a sablonnak a mappájából tölti be az assets/js/custom.js fájlt, amelyet a bolt használ (vagy a szülősablonjából). Ellenőrizd a sablon nevét a Design → Theme & Logo oldalon, és a fájl útvonalát.
  • <script> tageket tettél a kód köré — töröld őket. A custom.js sima JavaScriptet vár, a tagek miatt a kód nem fut le.
  • A bolt még a régi fájlokat mutatja — kattints újra a Clear cache gombra az Advanced Parameters → Performance oldalon, majd nyisd meg a boltot egy privát ablakban.
  • A chat egy sablonfrissítés után eltűnt — a frissítés megváltoztathatja a sablon fájljait. Nézd meg, hogy a Yaplet kód még benne van-e a custom.js fájlban, és ha nincs, tedd vissza.
A Telepítés oldal elmagyarázza, mit csinál a kód, és felsorolja az összes többi platform útmutatóját.

© 2026 Yaplet HU. All rights reserved.