A Yaplet telepítése PrestaShop webáruházra

A PrestaShop a sablonodból minden oldalon betölt egy custom.js nevű fájlt, és a Yaplet widgetnek csak erre van szüksége. Te vagy a fejlesztőd beilleszt ebbe a fájlba egy kódrészletet a Yapletből, és megjelenik a chat gomb a boltodban. 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 sablonod fájljainak módosítása. Hozzáférés kell a bolt fájljaihoz FTP-n vagy a tárhelyed fájlkezelőjén keresztül. Ha ez nincs meg, küldd el ezt az útmutatót a fejlesztődnek. A menüpontokat angolul írjuk, ahogy az angol nyelvű adminban szerepelnek, zárójelben a jelentésükkel.

1. Másold ki a Yaplet kódodat

A Yaplet bal oldali menüjében menj a Márka → (a márkád) → Chat widget → Telepítés útvonalra. 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.

2. Keresd meg a sablonod mappáját

A PrestaShop 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 boltod használ.

A szerveren minden sablonnak saját mappája van a PrestaShop telepítés themes mappájában.

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

1. A sablonod 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.
2. Illeszd be a Yaplet kódot a fájl végére, egy új sorba.
3. Mentsd a fájlt. Ha a gépeden egy másolatot szerkesztettél, töltsd vissza ugyanoda.

Ha a boltod gyereksablont (child theme) használ, a fájlt a gyereksablon mappájába tedd.

4. Ü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.

5. Nézd meg a boltodat

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

A teljes ellenőrzőlistát itt találod: Telepítés ellenőrzése.

Ha nem jelenik meg a chat

• 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 boltod 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 boltodat 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.

Mi a következő lépés?

Ha meg szeretnéd tudni, mit csinál a kód, és hol találod a widget azonosítóját, olvasd el ezt: A Yaplet telepítése.