eVIR tudásbázis

Book Creator
Add this page to your book

Book Creator
Remove this page from your book

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 vagy a bejelentkező terület.
- 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.
| 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!
| 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.

Egyedi oldalak és egyedi elemek 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.

Egyedi oldal belinkelése
Az [evir_oldal_azonosito] hivatkozás helyére a megadott Egyedi oldal Azonosító-jához tartozó, az adott egyedi 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>

Egyedi elem beágyazása
Az [evir_public_web_egyedi_elem_azonosito] hivatkozás helyére a megadott Egyedi elem 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ú egyedi elem 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 Oldalak menüben rögzített oldalak 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. főoldalként).

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

Kapcsolódó oldalak: