evir:webshop:webshop

Tartalomjegyzék

Webshop felületének összerakása

Webshop felületének összerakása

A webshop kinézete két, egymástól független dologból áll össze:

mi kerül a felületre — ezt a Webshop → Beállítás → Webshop felület menüpontban lehet összerakni (melyik elem melyik oldalrészen, milyen sorrendben);
hogyan néz ki egy-egy elem — ezt a Webshop → Beállítás → Webshop sablon menüpontban lehet HTML sablonokkal testre szabni.

A sablonokat nem kötelező létrehozni. A rendszer rendelkezik egy Alapértelmezett sablon készlettel, amely önmagában is teljes értékű, használható designt ad. Amíg egy oldalrészhez nincs Webshop sablon rögzítve, a program a gyári sablont használja — oldalrészenként külön. A Webshop sablon menüpontban rögzített sablon tehát felülírás: csak azoknak az oldalrészeknek kell felvenni, ahol a gyári megjelenéstől el akarunk térni. A kiindulópont ilyenkor is a gyári minta, a Minta betöltése gombbal.

Milyen sorrendben érdemes összerakni

Általános beállítások
A rendszeroldalak (kezdőoldal, sikeres rendelés utáni oldal, stb.), a HTML header-trailer és a kiküldött email sablonok kiválasztása.
Webshop működés
Raktár, árkategória, partnercsoport, rendelés módja, a lista- és cikkoldali árképzés. E nélkül a termékek ára és készlet-információja nem az elvárt.
Termékek láthatósága
A cikkek webshopos beállítása (egyesével, illetve tömegesen a Webshop -> Cikk -> Webshop beállítás menüben), valamint a cikk kategóriáknál a Használva a webshopban beállítás.
Aminek a Webshop beállítás-a üres vagy Nem jelenik meg, az egyetlen webshopos listában sem jön elő — hiába van kitéve a kategóriafa vagy a keresőmező.
Webshop felület
Az elemek (kosár, keresőmező, kategóriafa, bejelentkezés, nyelvválasztó, bannerek, linkek, tartalomelemek) kihelyezése a felső, alsó, bal és jobb oldalrészre, sorrendezésük, illetve az elem elé/mögé szúrt header-trailer HTML megadása.
Átvétel módja, Fizetés módja, Generálható szolgáltatások
Ezek nélkül a vásárló a kosarát nem tudja rendelésre beküldeni.
Webshop sablon (opcionális)
Csak azokhoz az oldalrészekhez, ahol a gyári minta nem elég.
Kapcsolat oldal, egyedi keresőmezők (opcionális)
Felhasználók, regisztráció
Ha a webshop csak bejelentkezés után, illetve partner-árakkal használható.

A webshop arculata (színek, betűk, CSS) nem a felületről állítható: az a telepítéshez tartozó egyedi CSS fájlban van, módosítása rendszergazdai/fejlesztői feladat.

A webshop oldalvázlata

Minden webshop oldal ugyanabból a vázból épül fel:

+-----------------------------------------------------+
|  HTML header (minden oldalon azonos tartalom)       |
+-----------------------------------------------------+
|  Felső rész elemei                                  |
+------------+---------------------------+------------+
| Bal rész   |  az oldal tartalma        | Jobb rész  |
| elemei     |  (terméklista, cikkoldal, | elemei     |
|            |   kosár, bizonylatok, ...)|            |
+------------+---------------------------+------------+
|  Alsó rész elemei                                   |
+-----------------------------------------------------+
|  HTML trailer (minden oldalon azonos tartalom)      |
+-----------------------------------------------------+

A négy rész tartalmát a Webshop felület menüpontban állítjuk össze, a HTML header-trailert az Általános beállításokban.
A közép nem szerkeszthető listaként: oda az éppen megnyitott oldal (terméklista, termék adatlap, kosár, bizonylatlisták, egyedi oldalak) kerül.
A termék adatlapjának felépítéséről és arról, hogy az egyes adatai honnan jönnek, külön leírás szól: Cikk adatok oldal alapértelmezett felépítése.
Ha a bal vagy a jobb oldalsávba egyetlen elem sincs kitéve, az a sáv nem foglal helyet: a közép automatikusan kitölti a helyét. Nem kell tehát „töltelék„ elemet kitenni.

Az oldalrészek egymásba ágyazódása

A Webshop sablon menüpontban felkínált sablonok nem egymástól független lapok, hanem egymásba ágyazódnak. Ezt érdemes ismerni ahhoz, hogy egy változtatás a megfelelő sablonba kerüljön:

Cikklista fő
 |- Termék lista navbar                       (gyári, felületről nem szerkeszthető)
 |- a látogató által választott nézet szerint EGY:
 |    Cikk kártya lista nézet / Cikk képes lista nézet / Cikk lista nézet
 |     |- termékfotó a listába                (gyári, felületről nem szerkeszthető)
 |     |- Cikk adatok
 |     |- raktár-információ a listába         (gyári, felületről nem szerkeszthető)
 |     |- Ár adatok
 |     '- kosárba gomb                        (gyári, felületről nem szerkeszthető)
 '- Termék lista lapozás                      (gyári, felületről nem szerkeszthető)

Cikkoldal (termék adatlap - lásd: Cikk adatok oldal alapértelmezett felépítése)
 |- fő kép, képgaléria                        (gyári, felületről nem szerkeszthető)
 |- kosárba gomb                              (gyári, felületről nem szerkeszthető)
 |- Paraméterek felsorolás                    (gyári, felületről nem szerkeszthető)
 '- a Kapcsolódó / Helyettesítő / Termékváltozatok fülön:
      Cikk kártya lista nézet                 (ugyanaz, mint a terméklistában)

Kosár tartalom - fő
 |- kosár lépések                             (gyári, felületről nem szerkeszthető)
 |- Kosár cikklista sor                       (tételenként ismétlődik)
 '- a kosár állapota szerint EGY:
      Kosár lábléc / Kosár lábléc rendelésnél / Kosár lábléc rendelés folytatásánál

A fent gyári-ként jelölt részek (kosárba gomb, lapozó, navbar, termékfotó, raktár-információ, termék-tulajdonságok, mini kosár, kategória-menü, kosár lépések) nem szerepelnek a Webshop sablon menüpont Template legördülőjében: ezek csak programfájlból jönnek, módosításuk fejlesztői feladat. Ha tehát a terméklista kártyáján a kosárba gomb megjelenését kell változtatni, azt a kártya sablonjának szerkesztésével nem lehet elérni.

Behelyettesítési szintaxis a sablonokban

A sablon HTML-jébe a program a megjelenítéskor beírja a tényleges adatokat. A használható formák (a szerkesztő űrlap Segítség mezője is felsorol ezekből):

Forma	Mit tesz
`{valtozo}`, `{cikk.cikkszam}`	egy adat beillesztése
`{if(valtozo):valtozo}`	az adat beillesztése, ha van tartalma, illetve ha a feltétel igaz
`{if:azonosito(valtozo>1)}` … `{endif:azonosito}`	a közbezárt rész csak akkor jelenik meg, ha a feltétel igaz
`{for:azonosito(tomb)}` … `{endfor:azonosito}`	a közbezárt rész a lista minden elemére kiíródik
`{forx:azonosito(tomb)}` … `{endforx:azonosito}`	mint a `for`, de a cikluson belül a cikluson kívüli adatok is elérhetők (`dataroot`)
`{szoveg:Kilépés}` `{szoveg:%s tétel\\|adat.tetel}`	felirat a szótárból — a felirat így fordul le a látogató nyelvére. Az elválasztó a `\\|` (nem kettőspont), mert a magyar feliratok kettőspontra végződhetnek.
`{insert_template:sablonnev}` `{insert_template:sablonnev:adat.ut}`	másik szerkeszthető sablon beillesztése (a második formában a megadott lista minden elemére)
`{insert_module:modulnev}`	gyári, felületről nem szerkeszthető részsablon beillesztése

Két gyakori hibalehetőség:

Az összehasonlítás szöveges. A 27 és a 27.00 nem egyenlő, és a szöveges összehasonlítás számoknál is így működik. Értékhatárt ezért érdemes ugyanabban a formában megadni, ahogy az adat megjelenik.
A [% … %] forma csak a gyári fájl-sablonokban működik, a Webshop sablon menüpontban rögzített sablonban nem. Ha egy betöltött minta ilyet tartalmaz, azt a mentés előtt át kell írni a fenti {…} formákra, különben az a rész nem oldódik fel.

Feliratok és nyelvek

A termékek adatai (megnevezés, kategórianév, tulajdonságok) a törzsadatok idegen nyelvi mezőiből fordulnak — lásd Idegen nyelvi megnevezések.
A sablonok feliratai a {szoveg:…} formával fordulnak. Ha egy saját sablonba beírt feliratot szó szerint (magyarul) írunk be, az minden nyelven magyar marad.
Ha egy oldalrésznek nyelvenként eltérő HTML-t kell adni, arra a Webshop sablon idegen nyelvi HTML mezői szolgálnak; ami üresen marad, az az elsődleges nyelvű sablonra esik vissza. Részletek: Webshop sablon.
A látogató a kitehető Nyelvválasztó boxban vált nyelvet — lásd Webshop felület.

Ha valami nem jelenik meg — ellenőrzőlista

Kitettem egy elemet, de nem látszik a webshopban. Az elemnek lehet, hogy nincs mit megjelenítenie: a Nyelvválasztó üres, ha nincs beállítva idegen nyelvi megnevezés; a kategóriafa csak azokat a kategóriákat mutatja, amelyeknél a Webshop beállítás = Használva a webshopban.
Szerkesztettem egy sablont, de a webshop változatlan. Ellenőrizni kell, hogy (a) a Sablon és a Template a megfelelő oldalrészre mutat-e, (b) a Felvesz gombbal el lett-e mentve (a Minta betöltése önmagában nem ment), © nem egy gyári, felületről nem szerkeszthető részt akarunk-e módosítani (lásd az ágyazódási ábrát), és (d) hogy a webshop egyáltalán a sablonos megjelenítést használja-e — a régi kinézetű webshopnál a sablonoknak nincs hatása, ez telepítési beállítás.
Egy termék nem jön elő. A Webshop beállítás értéke és a készlet dönt róla, nem a kategória — lásd Cikkek láthatósága és Készletkezelés.
A rendelés nem küldhető be. Nincs rögzítve átvételi vagy fizetési mód.
Üres sáv látszik az oldal szélén. Ha egy oldalsávba csak olyan elem van kitéve, aminek nincs megjeleníthető tartalma, a sáv helyet foglal, de üresnek látszik — az elemet ilyenkor ki kell venni.

Példa műveletek

A fenti példalapok egy része még nem készült el. Addig a Webshop sablon oldal „Webshop oldalak és tartalomelemek belinkelése a sablonba” szakasza mutat ilyen példákat (oldal-link, tartalomelem és feltöltött fájl beillesztése a fejléc/lábléc sablonba), a kép (logo, banner) kihelyezésére pedig a Banner kirakása a webshopra lap.

Kapcsolódó oldalak: