===== Webshop sablon =====

{{ :evir:webshop:webshop_sablon_lista.png?700|}}

  - A **Webshop**,
  - **[[evir:webshop:beallitas_menu|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.
    * {{fa>info-circle?lg}} A [[evir:alapok:listak|lista]] fejlécből [[evir:torzsadatok:uj_torzsadat_altalanos|ú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ó.

----

{{ :evir:webshop:webshop_sablon_szerkesztes.png?700|}}

  - **Ú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.
  - <color dodgerblue/dodgerblue>**| <color white>Minta betöltése</color> |**</color> 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. \\ <color red>{{fa>exclamation-circle?lg}}</color> 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!
  - <color green/green>**| <color white>Felvesz</color> |**</color> [[evir:alapok:funkcio_gombok|gombra kattintva elmenti]] az adatokat! \\  <color green/green>**| <color white>Felvesz és szerkesztés folytatása</color> |**</color> [[evir:alapok:funkcio_gombok|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.

<color red>{{fa>exclamation-circle?lg}}</color> **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.

  - **[[evir:public_web:webshop_egyedi_oldal|Egyedi oldal]] belinkelése** \\ Az ''[evir_oldal_<color red>azonosito</color>]'' 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: \\ <file>
<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>
</file>
  - **[[evir:public_web:webshop_egyedi_elem|Egyedi elem]] beágyazása** \\ Az ''[evir_public_web_egyedi_elem_<color red>azonosito</color>]'' 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: \\ <file>
<div class="text-center py-2">
  [evir_public_web_egyedi_elem_akcio_info]
</div>
</file>
  - **További feloldható hivatkozások** \\ Ugyanígy használható a kapcsolat űrlapra mutató ''[evir_kapcsolatfelvetel]'' link, valamint a [[evir:public_web:file_feltoltes|feltöltött fájlra]] mutató ''[evir_public_web_file_<color red>azonosito</color>]'' hivatkozás (pl. egy kép ''src'' attribútumába).

{{fa>info-circle?lg}} A **[[evir:public_web:webshop_oldalak|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 -> [[evir:webshop:altalanos_beallitasok|Általános beállítások]]'' menüben lehet kijelölni a szerepüket (pl. főoldalként).

<color green>{{fa>lightbulb-o?lg}}</color> Ugyanezek a hivatkozások használhatók a webshop minden oldalán megjelenő [[evir:public_web:webshop_header_trailer|HTML header-trailer]] tartalomban is.

----

__Kapcsolódó oldalak:__
  * [[evir:webshop:webshop_osszerakas|Webshop összeállítás]]
  * [[evir:webshop:felulet_beallitasok|Webshop felület beállításai]]
  * [[evir:public_web:webshop_egyedi_oldal|Egyedi oldalak]]
  * [[evir:public_web:webshop_egyedi_elem|Egyedi elemek]]
  * [[evir:public_web:webshop_oldalak|Oldalak]]
  * [[evir:public_web:webshop_header_trailer|HTML header-trailer]]
  * [[evir:webshop:altalanos|A webshop kezeléséről]]