Webshop sablon

  1. A Webshop,
  2. Beállítás,
  3. 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 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ó.

  1. Ú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.
  2. | 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!
  3. | 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.

  1. 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>
  2. 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>
  3. 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: