esshop - webshop module 2.
(by netlounge)
Ígéretemhez híven kicsit mélyebben mutatom a cmsms esshop modul fortélyait egy folyamatban lévő feladat ívén haladva. Jelenleg ott tartok, hogy áll a keretrendszerem, be van faragva az esshop az oldalba, a rendelkezésemre bocsátott adatok alapján felállítottam a kategóriákat. Nézzük csak.
Az esshop modul szabászata:
Szükséges állományokat a modules/esshop/templates/lightwhite könyvtárban találjuk és sorban funkciójuk:
- aux_page.tpl.html - nevében él, kimeneti oldal
- category.tpl.html - kategoriák részletezése
- head.tpl.html - fejlécet tartalmazza
- home.tpl.html - főoldal
- index.tpl.html - az esshop index oldala, vele fogunk részletesebben dolgozni
- language.tpl.html - jelenleg nem szükséges vele foglalkoznunk
- order_custinfo.tpl.html - rendelés összesítés
- order_place.html -
- pricelist.tpl.html - árlista
- product_brief.tpl.html - termék adatlap összegző, termék előnézet, listanézeti adatok
- product_detailed.tpl.html - termék részletező, maga a termék adatlap
- search_form.tpl.html - összetett kereső
- search_cimple.tpl.html - kereső
- shopping_cart.tpl.html - kosár
- shoping_cart_info.tpl.html - kosár részletező
Jelen esetben kisebb változtatást hajtunk végre, azaz a stíluslaphoz nem nyúlunk, keretrendszert nem változtatjuk. A dolgunk nagyon egyszerű az index.tpl.html állománnyal dolgozva, azt megnyitva láthatjuk, hogy az oldschool table, td, tr tag-ek közé táblázatosan van elrendezve a kimeneti oldalunk, melyekben szépen felismerjük a különféle függvényeket, változókat, stb, melyeket meghívunk az adatbázisból, vagy épp bekérünk a felhasználóktól. A táblázat szimpla átrendezésével, ügyelve a függvények sértetlenségére, módosíthatjuk a kimenetünket. Az images könyvtárban egyszerű azonosítással megtalálhatunk minden előre elkészített icon-t, melyeket saját ízünk szerint szabhatunk, ügyeljünk a méretekre, a kimeneti mentésre (rgb) és a kiterjesztésekre.
tipp: előfordulhat, miután lementettük a serverről az állományokat szerkesztésre és szeretnénk azokat visszamásolni, azt tapasztaljuk, hogy elutasít a server, chmod 777 kellene, de alacsonyabb prioritáson vagyunk és felül írni sem hagy, csak a tulajdonosnak. MIvel a cmsms rendszer hozza létre xml állományból az esshop minden elemét, így ő a tulajdonos, így írni is csak neki lehet. Ezt kiküszöbölendő:hozzunk létre egy valami.php állományt és a kívánt értékekre állítsuk az utat:<?
chmod(”/var/www/vhosts/tedomainod.hu/httpdocs/modules/esshop/templates/lightwhite/index.tpl.html”, 0777);
?>
Ezt követően már rendelkezni fogunk a megfelelő jogokkal. Eme trükköt bátran használhatjuk bárhol. Köszönet anno Petyuskának érte.
A kimenet módosításánál mindig vegyük figyelembe az oldalunk fizikai méreteit horizontálisan, és különösen box modellek esetében, ahol elhelyezzük a boltot, egyezzen az a div szélesség a bolt kimeneti szélességével. Mai böngészők jól kezelik a box-ok közötti átfedést, de mivel a látogatók nagy száma él még mindig ie6 böngészővel, ott problémák lehetnek egy pl. 500px széles dobozba elhelyezett 600px széles bolttal.
Ha igazán elvetemültek akarunk lenni, akkor a felsorolt állományok mindegyikét és a hozzá tartozó css-t is újra írhatjuk, egy teljesen új keretet alkotva ezzel boltunknak, nem táblázatos formába öntve. Így lehetőségeink sokkal szélesebbek lesznek a megjelenítés tekintetében.
Config - “felconfig”
- Kategóriák: jól gondoljuk át, referáljunk megrendelőnkkel, elemezzük a rendelkezésünkre bocsátott termékskálát, annak összetételét, valamint, hogy a jövőben milyen bővülések várhatók, és rendszerbe szedve, a kigondolt logikának megfelelően hozzuk létre a kategória nézeteket, melyekhez képet, valamint előzetes rövid leírást készíthetünk, hogy mely kategória mit tartalmaz.
- termékek: termék név, lista ár, és akciós ár, részletező és összefoglaló leírás, 3db kép, kategória, szülő kategória megadása; a modul hibája, melyre figyeljünk: egy termék mentése után egy üres adatlapot kapunk vissza, ha azt ismét kitöltjük, akkor az előzőleg felvitt termék adatait fogjuk felül írni az adatbázisban, ezzel igen komoly fejfájást okozva magunknak, hosszú idő lesz mire rájövünk mi a gond, újra ki kell mennünk a kategóriákhoz és ott hozzáadni terméket, ekkor lesz megfelelő a folyamat, tehát erre vigyázzunk.
- configuráció: webshop adatait, árak formátumát, levelezési címeket, rendelési szállítási feltételeket, valamint a visszaigazoló mailt állíthatjuk be.
- rendelések: értesítő levél mellett admin felületen is tudjuk elemezni a beérkezett rendeléseket, a rendszer úgy van beállítva, hogy rendeléskor minden mezőt kötelezőre vesz, így nincs lehetőség hibára, figyelemmel tudjuk kísérni a rendeléseket, a már kezelt rendeléseket is külön gyűjti, ezekből időközönként szép kimutatásokat tudunk gyártani, google analytics-al karöltve pedig konverziós rátánkat is tudjuk mérni, így jól tervezhetővé válik a későbbiekben az eladás. Megfelelően elemezve az adatokat, a különböző környezeti változók ismeretében tudni fogjuk mikor mit kell tegyünk a jövőre nézve, hogy eladásaink hasonlóképp, vagy mégjobban alakuljanak a vizsgált időszakhoz képest.
Összességében, ennyi az esshop és ne is várjunk tőle többet, kíváncsian várjuk lesznek e további fejlesztések, bár az első cikket alapul véve, teljesen tökéletes így a rendszer, hiszen abból indultunk ki, hogy egy egyszerű jól felépíthető keretre volt szükségünk, egy induló vállalkozáshoz.
Legközelebb egy év múlva fogok szólni az esshop modulról, amikor egyenleget fogok vonni, éles működésben fogom megvizsgálni és elemezni.
Magyar nyelvi csomag
Fontos részeként a modulnak közzé teszem az általam már elvégzett nyelvi csomag fordítást. Mely részben az admin és teljes egészben a front end oldala magyarítását tartalmazza. Upgrade várható, addig is elérhető itt.
Ha valaki csatlakozni kíván, vagy kérdése észrevétele, esetleg hiba javítási óhaja van, ne habozzon jelezni.