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 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

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)

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!

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!

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ő.

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.

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

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.

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

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)

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)

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é.

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!