===== Fejléc kirakása a webshopra =====

A **fejléc** a webshop minden oldalának tetején megjelenő sáv: információs sáv az elérhetőségekkel, alatta a logó, a gyorskereső, a bejelentkezett felhasználó, a nyelvválasztó és a mini kosár. A felületre a **Fejléc box** elemmel kerül ki.

{{fa>info-circle?lg}} Az elérhetőségeket (telefonszám, e-mail) **közvetlenül a //Fejléc box// sablonjába** írjuk (''Webshop -> [[evir:webshop:beallitas_menu|Beállítás]] -> [[evir:webshop:webshop_sablon|Webshop sablon]]'', //Template: Fejléc box//). A kereső, a felhasználónév, a nyelvválasztó és a kosár viszont a rendszer által kitöltött részek.

<color red>{{fa>exclamation-circle?lg}}</color> A gyári minta információs sávja **kitalált adatokat** tartalmaz (''061234567'', ''email@teszt.cim'') — ezeket élesítés előtt le kell cserélni.

----

==== 1. A box kihelyezése ====

  - ''Webshop -> Beállítás -> [[evir:webshop:felulet_beallitasok|Webshop felület]]'' menüpont.
  - A **Felső rész elemei** //Új elem// legördülőjéből a **Fejléc box** kiválasztása, majd <color dodgerblue/dodgerblue>**| <color white>Hozzáad</color> |**</color>.
  - Ha **banner** is kell, azt külön elemként (//Banner box//) tesszük ki ugyanide, és a //Fel// / //Le// gombokkal állítjuk be, hogy a fejléc alá vagy fölé kerüljön — lásd [[evir:webshop:banner_kirakasa|Banner kirakása a webshopra]].

==== 2. A sablon szerkesztése ====

  - ''Webshop -> Beállítás -> [[evir:webshop:webshop_sablon|Webshop sablon]]'', új sablon: //Template: **Fejléc box**//.
  - <color dodgerblue/dodgerblue>**| <color white>Minta betöltése</color> |**</color>, az információs sáv átírása, majd <color green/green>**| <color white>Felvesz</color> |**</color>.

<color red>{{fa>exclamation-circle?lg}}</color> Ha a fejléc sablonja **már el van mentve**, a //Minta betöltése// a teljes ''HTML'' mezőt felülírja — elvész a korábbi testreszabás (pl. a beírt telefonszám, e-mail, a kézzel bemásolt logó blokk).

----

==== Az alapértelmezett fejléc részei ====

<code>
+-----------------------------------------------------------+
|  Információ: tel | Kapcsolat: tel | e-mail                |
+-----------+----------------------+------------------------+
|  Logó     |  Gyorskereső         |  Felhasználó  Nyelv    |
|           |                      |  Kosár                 |
+-----------+----------------------+------------------------+
</code>

  * **Információs sáv** — a sablonba írt szöveg: telefonszámok (''tel:'' link), e-mail cím (''mailto:'' link). Átíráskor a link célját (''href'') és a látható szöveget is cseréljük.
  * **Logó** — a //Fájlkezelő//be feltöltött ''fejlec_logo'' kép, a kezdőoldalra kattinthatóan. Amíg nincs feltöltve, a helye nem marad üresen. \\ Részletek: [[evir:webshop:fejlec_logo_kirakasa|Logó kirakása a webshop fejlécébe]].
  * **Gyorskereső** — a //Keresőmező// sablon beágyazva. \\ <color red>{{fa>exclamation-circle?lg}}</color> Egyszerre csak egy kereső lehet kint: ha külön //Cikk keresés// boxot is kiteszünk, előbb a fejlécből kell kivenni — [[evir:webshop:cikk_kereses_box_megjelenitese|Cikk keresés box megjelenítése]].
  * **Bejelentkezett felhasználó** — a webshop felhasználó neve; csak bejelentkezett látogatónál jelenik meg.
  * **Nyelvválasztó** — legördülő nyelvválasztó — [[evir:webshop:fejlec_nyelv_valaszto_kirakasa|Nyelvválasztó kirakása a webshop fejlécébe]].
  * **Mini kosár** — a kosárban lévő tételek száma, kattintásra a kosár oldalra visz.

----

==== Amit érdemes tudni ====

  * A **banner nem része a fejlécnek**: külön box, külön kell kitenni (1. pont).
  * Az információs sáv szövegei **nem a szótárból** jönnek. Idegen nyelvű fejlécet a sablon **idegen nyelvi** ''HTML'' mezőjében kell megadni — ha üres, az elsődleges nyelvű fejléc látszik. Lásd [[evir:webshop:webshop_sablon#idegen_nyelvi_sablonok|Idegen nyelvi sablonok]]. \\ <color red>{{fa>exclamation-circle?lg}}</color> Ha a fejléc sablonján módosítunk (pl. logó blokk bemásolása), a nyelvi sablonokba is át kell vezetni.
  * A fejléc sablonjában is használhatók a webshop oldalaira és tartalomelemeire mutató hivatkozások (pl. ''[evir_oldal_<azonosító>]'') — lásd [[evir:webshop:webshop_sablon#webshop_oldalak_es_tartalomelemek_belinkelese_a_sablonba|Webshop sablon — belinkelés]].

----

__Kapcsolódó oldalak:__
  * [[evir:webshop:webshop_sablon|Webshop sablon]]
  * [[evir:webshop:fejlec_logo_kirakasa|Logó kirakása a webshop fejlécébe]]
  * [[evir:webshop:banner_kirakasa|Banner kirakása a webshopra]]
  * [[evir:webshop:fejlec_nyelv_valaszto_kirakasa|Nyelvválasztó kirakása a webshop fejlécébe]]
  * [[evir:webshop:cikk_kereses_box_megjelenitese|Cikk keresés box megjelenítése]]
  * [[evir:webshop:lablec_kirakasa|Lábléc kirakása a webshopra]]
  * [[evir:webshop:felulet_beallitasok|Webshop felület szerkesztése]]