Prestashop 1.7: az új generáció megérkezett!

Ismét lépünk egy nagyot a Prestashop-világban! Az új generáció ma látott napvilágot: a Prestashop 1.7 itt van, lássuk mire képes!

Az erre az alkalomra készült prezentációt ITT tölthetitek le (de lentebb el is olvashatjátok).

A Prestashop 1.7 Demó változatát ITT tekinthetitek meg és próbálhatjátok ki (ADMIN felület IDE kattintva: demo@demo.com, jelszó: demodemo ).

A Prestashop 1.7 kis bemutatóoldalát ITT találjátok!

A személyes tapasztalatainkat a cikk végén a “Konklúzió” részben olvashatjátok el!

prestashop_17_azaz_mi_kerult_a_motorhazteto_ala

prestashop_1_7_a_mi_megkozelitesunk

Prestashop 1.7.x: könnyebb kezelhetőség

  • A Tulajdonosoknak (gyorsabb eladás),
  • A grafikusoknak és a webdizájnereknek (könnyebb kezelhetőség),
  • A programozóknak (jobb kódrendszer).

Az 1.7 bemutatása:

GYORSABB ELADÁS
1. Újragondolt « termék hozzáadása » oldal
2. Frissített admin felépítés és navigáció
3. Újratervezett modul-oldal
4. Egyszerűbb vezérlőpult

KÖNNYEBB TERMÉK ÉS KATEGÓRIA LÉTREHOZÁS
5. Átalakított „klasszikus” bolt-felület
6. Egyszerűsített, úgynevezett „Starter” téma
7. Szülő/gyermek sablonok

JOBB KÓDRENDSZER
8. A Symfony bemutatkozik
9. Új fejlesztői eszközök és kódsztenderd
10. Tisztább látásmód a modulfejlesztésben

Termékoldal létrehozása:

  • 12-ről 6-ra csökkentettük a termék létrehozásánál használatos füleket azért, hogy minden egy oldalon maradhasson
  • A termék neve és típusa mindig látható marad
  • Új navigációs menü
  • Hatékonyabb, gyorsabb és költségcsökkentőbb a terméklétrehozás

prestashop_17_termekoldal_letrehozasa

Kombinációk létrehozása:

  • Egyszerűsített, „egymezős” kombináció létrehozás
  • Összes méret vagy összes szín: lehetséges egy kattintással az összes kombinációt létrehozni
  • Könnyített navigáció a kombinációk között (nem kell vissza-visszakattintgatni ellenőrzés gyanánt)

prestashop_17_kombinaciok_letrehozasa

Navigáció a termékek között:

  • Elfelejtheted a „Szerkesztés > Katalógus > Következő termék szerkesztése” okozta nehézségeket, mert
  • Egy felugró ablakban navigálhatsz a termékek között!

prestashop_17_navigacio_a_termekek_kozott

Modulok oldal:

  • Könnyebb az új modulok közti keresés és azok telepítése,
  • a már telepített moduljaid könnyebben egy fülön elérhetők,
  • egyszerűbben tarthatod karban és menedzselheted őket, mint eddig bármikor!

prestashop_17_modulok_oldal

A felhasználók visszajelzései alapján készült:

Termék-oldal:

  • frissebb kategóriaszűrési lehetőség,
  • új kombinációs rendszer,
  • egy letisztult doboz a termékleírásnak,
  • „fogd és vidd” képfeltöltési módszer.

Modul-oldal:

  • áttekinthetőbb mobilfunkciók,
  • újabb szemléletmód a kijelzésre és a funkciókra
  • fejlettebb keresőmező.

prestashop_17_a_felhasznalok_visszajelzesei_alapjan_keszult

Két fő projekt:

  • Új „Starter” téma a webdizájnereknek
  • Új alap „Classic” téma a Tulajdonosoknak

Mi volt a gond?

  • Nagy tudásanyag szükségeltetett a korábbi default-bootstrap sablon szerkesztéséhez: HTML, CSS, SMARTY és maga a Prestashop természetesen.
  • Sok volt az üzleti logika alapján felépített bonyolultság a sablonokban:
    -> nehéz volt megkülönböztetni az osztályokat egymástól.
  • A meglévő témákat a fejlesztők az alapértelmezett témára támaszkodva készítették.

 

prestashop_17_default_bootstrap

Mi volt a megoldásunk erre?

Az új „Starter” téma:

  • teljes elemkészlettel áll rendelkezésre,
  • nincs különálló stílusa,

Egy pillanat… nincs különálló stílusa?!
Nincs, ez segíti elő és inspirálja a tökéletes tervezést és biztosítja a személyre szabottságot.

Újragondoltuk a témák egyediségéhez szükséges látásmódunk és azért döntöttünk egy ilyen letisztult design mellett, mert így egy egyszerű HTML és CSS tudással bárki pár nap alatt teljesen személyre szabott és tökéletes shopot kreálhat magának!

Az új alapértelmezett téma készen áll a munkára:

  • Az új „Starter” téma alapján készült
  • A Bootstrap 4-es keretrendszert használja
  • Alapvetően világos, letisztult design jellemzi
  • A leghatékonyabb fókuszálással készült az e-kereskedelmi adatokon alapuló tapasztalatokra

prestashop_1_7_az_uj_alapertelmezett_tema_keszen_all_a_munkara

Termékoldal – Bolt-rész:

  • Mutasd meg az ügyfeleidnek az erősségeidet: külön ablakot kapott szállítás és a visszárura vonatkozó információ.
  • Többféle termékleírás-megoldásokat alkalmaztunk, hogy mindenki igényét ki tudjuk elégíteni.
  • A modulok felcsatolása még könnyebbé vált a továbbfejlesztett horogrendszer (hooks) által.

prestashop_1_7_termekoldal_bolt_resz

Megrendelés folyamata – Bolt-rész:

  • Alapértelmezés szerint az egyoldalas rendelést egyszerűsítettük le 4 lépésben
  • Könnyebb a navigáció és a módosítás az adatok között
  • A kosárösszesítő mindig látható jobb oldalt
  • Új API-t fejlesztettünk a fizetés részhez

prestashop_17_megrendeles_folyamata_bolt_resz

Szülő/Gyermek Sablonok:

  • Könnyebbé vált a sablonfájlt (.tpl) módosítása anélkül, hogy a forrásába kellene belenyúlni
  • Blokkok használatával egyszerűbb a sablonszerkesztés
  • Zökkenőmentesebb frissíteni a sablonfájlokat (hibajavítás vagy akár biztonság okán)

szulo_gyermek_sablonok_prestashop_17

Mi más még?

  • A legstabilabb php verzión fejlesztettük,
  • 5.4 PHP támogatottság,
  • Bootstrap 4 keretrendszer,
  • Új „classic” téma + Új admin oldalak.
  • Minden szempontból letesztelve:
    ehhez segítséget nyújtott Travis (travis-ci.org) valamint minden fejlesztő a GitHub-on.

Üdvözöl a Symfony!

  • A Prestashop Csapat továbbra is az e-kereskedelemre tud fókuszálni
  • Egy erős keretrendszer segítségével:
    – hatalmas közösség,
    – simább, gördülékenyebb kódfejlesztés
  • A Symfony sablon nyelvét (Twig) csak az átírt Adminoldalak használják
  • Nincsenek hatással a modulokra (csak a „hook”-okra Termék és Moduloldalakon)

prestashop_egy_pont_het

Könnyen fogok tudni frissíteni 1.6-ról?

A válasz elsősorban: nem.

  • A jelenlegi sablonod nem lesz kompatibilis, újra kell írni,
  • Az egyedi, megvásárolt moduljaid kompatibilitását ellenőrizned kell még a frissítés előtt,
  • Jelenleg is dolgozunk egy modulon ami segít kiexportálni az adataidat (rendeléseket, ügyfeleket, termékeket),
  • Az 1.6-os változatot mindaddig támogatni fogjuk még ameddig csak szükséges!

A fejlesztők tudják még használni az override-okat 1.7-ben?

Az override egy rossz válasz a valós problémákra, főként a hiányzó hook-ok miatt:

  • Tehát alapból a válasz IGEN, minden osztályhoz amiknek nincsenek névterei,
  • de jelenleg NEM használható az új osztályoknál,
  • ez egy nyílt forráskódú projekt, tehát ahelyett, hogy override-olnánk a kódot miért nem javaslod, hogy adjunk hozzá egy hook-ot az egész közösség számára?

Miért nem a Symfony 3-at használjátok?

Mert a hosszú távon támogatott (LTS) verziója a Symfony-nak a 2-es!

Miért nem használtok egy frissebb PHP verziót?

Amit minimálisan megteszünk az az, hogy hibamentesen futtathatóvá tesszük a Prestashop 1.7-et PHP 5.4-en, mivel ez a leginkább használatos a mai napig. Jordi Boggiano statisztikai adatai szerint a szolgáltatók alig 20% használja még csak jelenleg a PHP 7-et.

A Prestashop 1.7 kompatibilis MySQL 5.7-el?

Igen, mi támogatjuk a MySQL 5.7-es verzióját. Ha bármilyen problémába ütközöl, jelezd Nekünk!

A Prestashop 1.7 lecseréli a Smarty-t a Twig-re?

A Prestashop 1.5-1.6-ban az alapértelmezett (és egyetlen) sablonmotor a Smarty volt. Az 1.7-ben most kettő van: Smarty és a Symfony Twig-je.

Egy kis magyarázat:

  • A Bolt-rész Smarty-ban íródott,
  • Az új Admin-felület viszont Twig-ben.
  • A Modulok használhatnak bármilyen sablonmotort (tiszta PHP-t, Smarty-t, Twig-et, Jade-et stb). Azokat a modulokat amik a termékoldalon tevékenykednek (módosítanak, bővítenek stb.) frissíteni kell majd a CSS-eiket és a Javascript-jeiket, mert ez a rész az 1.7-ben megváltozott.
  • Használd a Prestashop UI Kit-jét (mely a Bootstrap 4-en alapul) és akkor biztonságban vagy! 🙂

Az alapértelmezett téma miért használ 1 theme.js-t és 1 theme.css-t?

Prestashop sok fájlt küld a böngészőnek minden egyes lapmegtekintésnél. És minden egyes aloldal a saját specifikus JavaScript fájljait és beállításait használja.

Ez így elég haszontalan dolog: volt vagy 30 JavaScript fájl és még egy pár a moduloknak is.

Ezért az 1.7-ben összefűztük az összes JS fájlt egyetlen tömörített theme.js-be, a Webpack segítségével. Ezek után a modulok majd szabadon hozzáadhatják a saját fájljaikat, így egyet kell betölteni 30 helyett. Innentől kezdve a gyorsítótárazás (cache) már végzi a dolgát.

Így az új téma JS/CSS fájljai egyaránt kevesebb számúak (kevesebb HTTP lekérés) és kisebb méretűek mint az 1.6-os társaik.

Az 1.7-es témáknak mindenképp Bootstrap-el kell készülniük?

A „Classic” témánk abszolút Bootstrap 4-re épül, de az új „Starter” sablonunk már teljesen független ettől: úgy alakítod ki ahogyan csak szeretnéd.

Azonban ha az a célod, hogy a legsokoldalúbb témát rakd össze akkor ajánljuk a Bootstrap használatát. A legtöbb modul és téma is ehhez, illetve ez alapján íródik.

Ennek fényében érdemes egy kis következetességet tartani annak érdekében, hogy a legkevesebb inkompatibilitással kelljen szembenézned.

Az Addons témák is eszerint készülnek.

Fejlesztő vagyok, milyen módosításokkal kell szembenéznem?

Ha programoztál olyan modulokat amelyeknek elsősorban a termékoldal megváltoztatása / kibővítése a célja, akkor módosításokat kell eszközölnöd, jobban mondva: ki kell igazítanod a kódodat az új kialakításnak megfelelően.

Az 1.6-os verzióban például meg volt engedve, hogy egy egyedi fület tegyél a termékoldalra kibővítés gyanánt egy modul segítségével. 1.7-ben ez módosult, hozzáadtunk egy új hook-ot mely ezt hivatott elősegíteni: „hookDisplayAdminProductsExtra”.

Ha a modulod írása közben követted a legtisztább fejlesztési trendeket, tanácsokat, szabályokat és követelményeket amik az 1.5 és 1.6-os rendszerre vonatkoznak, akkor nem fog sok időt elvenni a kódod frissítése az 1.7-esnek megfelelően.

Ha olyan modulokat készítettél amelynek a célja a téma megváltoztatása illetve módosítása, akkor azokat is felül kell vizsgálnod ahhoz, hogy kompatibilisek legyenek 1.7-el.

Ha készítettél egy témát az előző verziókhoz, akkor érdemes az arra vonatkozó vonásokkal átírnod a „Starter” témát. Vagyis érdemes abból kiindulnod.

Szükséges volt változtatásokat eszközölnünk a fizetés API-jában is, hogy az jobban passzoljon az EU jogi korlátozásaihoz és szabályaihoz. Ezért a fizetéssel kapcsolatos modulokat szintén ki kell majd igazítanod kissé.

prestashop_1_7_koszonom_szepen

 

Konklúzió – avagy ahogyan mi látjuk (frissítés alatt):

Nagyon fontos! Mint minden új generációnál, Én nem ajánlom az éles rendszer frissítését erre az új verzióra egyelőre. Érdemes még 1-2 hónapot várni. A nagyközönség most elkezdi tesztelni és megjönnek az első hibák is, erre reagálva sok “kicsi” változatot fognak majd kiadni (például 1.7.0.3, 1.7.0.6, stb.). Mindenképpen várjuk meg az első stabil kiadást! Ha nem szeretnénk várni akkor mindenképpen egy klónon vagy teszt rendszeren végezzük el az upgrade-et!

 

Ha segített a cikk, meghívhatsz egy kávéra! 🙂


Puizl Attila Programozó

Az íróról: Puizl Attila

Puizl Attila vagyok, több éve készítek sikeres Webáruházakat Prestashop rendszerrel. Célom hogy a tudásom minőséggé, munkám pedig eredményessé váljon.

Weboldal: → Prestashop Készítés és Fejlesztés

Még megtalálsz:

Rendkívül bosszantó, ha képtelenek vagyunk dolgozni az admin felületen annak lassúsága miatt. Ez a "Prestashop lassúság" téma rendkívül összetett, sok dolog okozhatja. Ebben a cikkben megpróbálok tippeket, tanácsokat adni a gyorsabb betöltődés érdekében, de látatlanban nem lehet 100%-os receptet adni: minden webáruház más és más. Még mielőtt belevágunk: fontos dolog…
Ha nem figyelünk (és meglehetősen nagy látogatottsággal rendelkezünk) akkor az adatbázis az "átlag" méret sokszorosára nőhet, hála a statisztikai adatoknak. Ezek a legtöbbször már irreleváns vagy egyszerűen nem kellő adatok melyeket legfőképp a Prestashop ezekért felelős moduljai generálnak. A nagy sql méret több bosszúságot is okozhat. Azon kívül, hogy egy…