eVIR tudásbázis

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.

1. Á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.
2. 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.
3. 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ő.
4. 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.
5. Á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.
6. Webshop sablon (opcionális)
   Csak azokhoz az oldalrészekhez, ahol a gyári minta nem elég.
7. Kapcsolat oldal, egyedi keresőmezők (opcionális)
8. 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.

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.

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.

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

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.

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

• 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

• Cég logo kirakása webshop felső részébe
• Egyedi oldal linkjének kirakása a HTML header-be
• Cím és copyright szimbólum kirakása a HTML trailer-be
• Regisztrációs link kirakása a webshop bal szélére

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:

• Webshop - összefoglaló — a teljes folyamat, ez az oldal ennek az 5. fázisa
• A webshop kezelésről
• Webshop beállítások
• Webshop felület szerkesztése
• Webshop sablon
• Webshop működés
• Általános beállítások
• Cikkek láthatósága a webshopban
• Cikk adatok oldal alapértelmezett felépítése
• Leírás megjelenítésének folyamata
• Rövid leírás megjelenítésének folyamata
• Lista leírás megjelenítésének folyamata
• Külső webshop üzemeltetése
• Webshop cikk beállítások
• Átvételi mód
• Fizetési mód
• Kapcsolat oldal
• Webshop felhasználók
• Banner kirakása a webshopra