===== 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, a bejelentkező terület vagy a **Nyelvválasztó box**. \\ {{fa>info-circle?lg}} A [[evir:webshop:felulet_beallitasok|Nyelvválasztó]] a többnyelvű webshophoz kell — lásd: [[evir:torzsadatok:cikktorzs:idegen_nyelvi_megnevezesek|Idegen nyelvi megnevezések]].
    * {{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.
    * **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: [[evir:torzsadatok:cikktorzs:idegen_nyelvi_megnevezesek|Idegen nyelvi megnevezések]].
  - <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 red>{{fa>exclamation-circle?lg}}</color> 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.
  - <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.

----

==== Idegen nyelvi sablonok ====

Ha a rendszerben be van kapcsolva legalább egy [[evir:torzsadatok:cikktorzs:idegen_nyelvi_megnevezesek|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 [[evir:webshop:felulet_beallitasok|Nyelvválasztó]] boxban választott nyelvhez tartozó sablont jeleníti meg.

<color green>{{fa>lightbulb-o?lg}}</color> **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.

{{fa>info-circle?lg}} 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.

<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:oldal|Oldal]] belinkelése** \\ Az ''[evir_oldal_<color red>azonosito</color>]'' 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: \\ <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:tartalomelem|Tartalomelem]] beágyazása** \\ Az ''[evir_public_web_egyedi_elem_<color red>azonosito</color>]'' 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: \\ <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:rendszeroldalak|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 -> [[evir:webshop:altalanos_beallitasok|Á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).

<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:oldal|Oldalak]]
  * [[evir:public_web:tartalomelem|Taratalomelemek]]
  * [[evir:public_web:rendszeroldalak|Rendszeroldalak]]
  * [[evir:public_web:webshop_header_trailer|HTML header-trailer]]
  * [[evir:webshop:altalanos|A webshop kezeléséről]]
  * [[evir:webshop:cikk_adatok_oldal|Cikk adatok oldal alapértelmezett felépítése]]
  * [[evir:webshop:leiras_megjelenites|Leírás megjelenítésének folyamata]]
  * [[evir:webshop:rovid_leiras_megjelenites|Rövid leírás megjelenítésének folyamata]]
  * [[evir:webshop:lista_leiras_megjelenites|Lista leírás megjelenítésének folyamata]]
  * [[evir:webshop:webshop_mukodes|Webshop működés]]
  * [[evir:webshop:beallitas_menu|Webshop beállítások]]
  * [[evir:webshop:banner_kirakasa|Banner kirakása a webshopra]]
  * [[evir:webshop:fejlec_logo_kirakasa|Logó kirakása a webshop fejlécébe]]
  * [[evir:webshop:fejlec_nyelv_valaszto_kirakasa|Nyelvválasztó kirakása a webshop fejlécébe]]