eVIR tudásbázis

Book Creator
Add this page to your book

Book Creator
Remove this page from your book

Tartalomjegyzék

Webshop sablon
- Idegen nyelvi sablonok
- Webshop oldalak és tartalomelemek belinkelése a sablonba

Webshop sablon

A Webshop,
Beállítás,
Webshop sablon menüpont alatt lehet a webshop felületén megjelenő egyes oldalrészek HTML sablonjait létrehozni és szerkeszteni. Ilyen oldalrészek például a kosár, a terméklista, a keresőmező, a kategória box, a bejelentkező terület vagy a Nyelvválasztó box.
A Nyelvválasztó a többnyelvű webshophoz kell — lásd: Idegen nyelvi megnevezések.
- A lista fejlécből új adat rögzítése!

A rendszer rendelkezik egy Alapértelmezett sablon stílus készlettel, amely önmagában is teljes értékű designt biztosít, ugyanakkor szabadon szerkeszthető és testre szabható.

Új sablon rögzítésekor ki kell választani:
- Sablon: a webshop kinézetének stílusa (pl. Alapértelmezett sablon). Rögzítés után nem módosítható.
- Template: melyik webshop oldalrészhez készül a sablon (pl. Kosár tartalma, Terméklista, Keresőmező). Rögzítés után nem módosítható.
- HTML: az adott oldalrész HTML tartalma.
- HTML sablon, idegen nyelv N (Nyelv): az oldalrész HTML tartalma az adott nyelvű látogatónak. Csak akkor jelenik meg, ha van bekapcsolt idegen nyelvi hely — lásd: Idegen nyelvi megnevezések.
| Minta betöltése | gomb megnyomásával az alapértelmezett minta betöltődik a HTML mezőbe és a Segítség mezőbe betöltődnek a felhasználható behelyettesítési példák — ez ajánlott kiindulópont az egyedi szerkesztéshez.
A betöltött minta sablon mindig felülírja a HTML mező tartalmát, de mentésre csak a Felvesz gombok valamelyikének megnyomásakor kerül sor!
A minta csak az elsődleges nyelvű HTML mezőt írja felül, az idegen nyelvi sablonok a korábbi tartalmukat tartják meg. Ilyenkor a program figyelmeztet: „A minta betöltése csak az elsődleges nyelvű sablont írja felül, az idegen nyelvi változatok a korábbi tartalmat tartják meg.„ A rendszer szándékosan nem törli a nyelvi változatokat (az visszafordíthatatlan lenne) — friss minta betöltése után a lefordított sablonokat érdemes átnézni, mert a régi és az új sablon behelyettesíthető adatai eltérhetnek.
| Felvesz | gombra kattintva elmenti az adatokat!
| Felvesz és szerkesztés folytatása | gombbal az adatok mentése után a szerkesztő felületen marad a rendszer.

Idegen nyelvi sablonok

Ha a rendszerben be van kapcsolva legalább egy idegen nyelvi hely, a szerkesztő űrlapon megjelenik az Idegennyelvi tartalom rész, benne helyenként egy-egy HTML mező (HTML sablon, idegen nyelv 1 (Angol)). Így ugyanannak az oldalrésznek nyelvenként külön HTML sablonja lehet — a webshop a látogató által a Nyelvválasztó boxban választott nyelvhez tartozó sablont jeleníti meg.

Ami üresen marad, az az elsődleges nyelvű HTML sablonra esik vissza. Nem kell tehát minden oldalrészt minden nyelvre lefordítani: elég azokat, ahol a nyelvi változat tényleg más. A visszaesés sablononként külön működik, tehát pl. a Kosár lábléc lehet lefordítva úgy is, hogy a Kosár tartalom - fő nincs.

A visszaesés akkor is az elsődleges nyelvű sablont adja, ha a látogató olyan nyelvet választ, amelyhez nincs bekapcsolt hely.
Az a hely, amelyhez nincs nyelv kiválasztva, soha nem jelenik meg — a mezője kitölthető marad, de a webshop nem használja.
A szerkesztőben véletlenül bennmaradt üres formázás (üres bekezdés, sortörés) nem számít tartalomnak: az ilyen hely is az elsődleges nyelvű sablonra esik vissza. Kép, vonal, táblázat vagy beágyazott elem viszont tartalom akkor is, ha nincs mellette szöveg.

A listában alapból csak az elsődleges nyelvű HTML jelenik meg — több nyelvnyi HTML olvashatatlanná tenné a listát. Az idegen nyelvi változatok a sablon szerkesztésekor látszanak.

Webshop oldalak és tartalomelemek belinkelése a sablonba

A Fejléc box és a Lábléc box sablonjának HTML-jébe speciális hivatkozások írhatók, amelyeket a rendszer a webshop megjelenítésekor automatikusan felold. Így egyszerűen kihelyezhető a fejlécbe vagy a láblécbe egy másik oldalra mutató link, vagy egy előre elkészített HTML tartalom.

Ezek a hivatkozások csak a Fejléc box és a Lábléc box sablonjában oldódnak fel. A többi oldalrész sablonjában (pl. terméklista, kosár, keresőmező, kategória boxok, bejelentkező terület) nem működnek — ott szó szerint, feloldatlanul jelennének meg.

Oldal belinkelése
Az [evir_oldal_azonosito] hivatkozás helyére a megadott Oldal Azonosító-jához tartozó, az adott oldalra mutató link (URL) kerül. Jellemzően egy hivatkozás href attribútumába illesztjük.
Például egy lábléc menüsorban:

<div class="col text-center small-text mb-3">
  © Teszt Kft. 2026 |
  <a class="link-light" href="[evir_oldal_bemutatkozas]">Rólunk</a> |
  <a class="link-light" href="[evir_oldal_adatvedelem]">Adatvédelem</a> |
  <a class="link-light" href="[evir_oldal_aszf]">ÁSZF</a>
</div>

Tartalomelem beágyazása
Az [evir_public_web_egyedi_elem_azonosito] hivatkozás helyére a megadott Tartalomelem teljes HTML tartalma beágyazódik. Így egy egyszer megírt HTML tartalom (pl. tájékoztató szöveg, akciós sáv, jogi lábjegyzet) többször, több sablonban is felhasználható.
Például egy akcio_info azonosítójú tartalomelem beágyazása:
```
<div class="text-center py-2">
  [evir_public_web_egyedi_elem_akcio_info]
</div>
```
További feloldható hivatkozások
Ugyanígy használható a kapcsolat űrlapra mutató [evir_kapcsolatfelvetel] link, valamint a feltöltött fájlra mutató [evir_public_web_file_azonosito] hivatkozás (pl. egy kép src attribútumába).

A Rendszeroldalak menüben rögzített rendszeroldalak egész, komplett oldalak — ezeket nem a fenti hivatkozásokkal ágyazzuk a sablonba. Egész oldalként a Webshop → Beállítás → Általános beállítások menüben lehet kijelölni a szerepüket (pl. kezdőoldalként, elfelejtett jelszó küldést követő oldalként, sikeres rendelést követő oldalként).

Ugyanezek a hivatkozások használhatók a webshop minden oldalán megjelenő HTML header-trailer tartalomban is.

Kapcsolódó oldalak: