eVIR tudásbázis

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, keresd fel az adminisztrátorokat!
===== Logó kirakása a webshop fejlécébe =====

A webshop **Fejléc box**ában, a gyorskereső előtt megjeleníthető a cég logója, amely a webshop kezdőoldalára kattintható.

{{fa>info-circle?lg}} A logó képét nem a Webshop menüben, hanem a **[[evir:rendszer:filekezelo|Fájlkezelő]]**ben töltjük fel, a **Webshop grafikák** területre — ugyanoda, ahová a [[evir:webshop:banner_kirakasa|banner]] képét. A rendszer a fájlt a **neve alapján** találja meg, ezért a fájlnév kötött.

<color red>{{fa>exclamation-circle?lg}}</color> A banner külön kitehető box, a logó viszont **a Fejléc box sablonjának része**. Ezért két teendő van: a kép feltöltése (1. pont) és — ha a fejléc sablonja már el van mentve az adatbázisban — a logó blokk bemásolása a sablonba (2. pont).

----

==== 1. A kép feltöltése ====

  - **Rendszer -> [[evir:rendszer:filekezelo|Fájlkezelő]]** menüpont, **Webshop grafikák** fül.
  - A feltöltés a terület **gyökerébe** történjen (ne alkönyvtárba) — a fejléc csak ott keresi a fájlt.
  - A fájl neve kötelezően: ''fejlec_logo.<kiterjesztés>'' (pl. ''fejlec_logo.png'').
  - Támogatott kiterjesztések ebben a sorrendben: ''png'', ''jpg'', ''jpeg'', ''webp'', ''gif'' — ha többféle is fent van, a felsorolásban előbb álló nyer. \\ <color red>{{fa>exclamation-circle?lg}}</color> **SVG nem használható** (a rendszer biztonsági okból nem engedi feltölteni).
  - Méret: a rendszer nem ír elő képméretet; a feltölthető fájl legfeljebb 10 MB. A fejléc a képet magasságra korlátozza (gyárilag 48 képpont), ezért álló vagy nagyon nagy kép helyett érdemes fekvő, webre optimalizált logót feltölteni.

==== 2. A logó blokk a Fejléc box sablonjában ====

Az **alapértelmezett minta** már tartalmazza a logót, tehát ha a fejléc sablonja **nincs elmentve** az adatbázisban, a logó a kép feltöltése után azonnal megjelenik — nincs további teendő.

Ha a **Fejléc box sablonja már el van mentve** (Webshop -> Beállítás -> [[evir:webshop:webshop_sablon|Webshop sablon]], //Template: Fejléc box//), akkor a mentett sablon az erősebb, és a logó blokkot **kézzel kell bemásolni** a ''HTML'' mezőbe, a keresőmezőt tartalmazó oszlop elé:

<file>
      {if:logo(adat.logo_img)}
      <div class="col-12 col-md-auto text-center text-md-start">
        {if:logolink(adat.logo_href)}
        <a href="{adat.logo_href}" class="d-inline-block">
        {endif:logolink}
          <img src="{adat.logo_img}" alt="Logó" class="webshop-logo img-fluid" style="max-height:48px;">
        {if:logolink(adat.logo_href)}
        </a>
        {endif:logolink}
      </div>
      {endif:logo}
</file>

  * A blokk a ''{insert_template:keresomezo_main}'' sorát tartalmazó ''<div class="col-12 col-md-6 col-lg-4">'' **elé** kerüljön.
  * A logó mérete a ''style="max-height:48px;"'' értékkel állítható.
  * <color red>{{fa>exclamation-circle?lg}}</color> Ha a fejlécnek vannak kitöltött **idegen nyelvi sablonjai**, a blokkot **azokba is** be kell másolni — különben az adott nyelvű látogató nem látja a logót.
  * <color red>{{fa>exclamation-circle?lg}}</color> Erre a **//Minta betöltése// gomb nem jó**: az a teljes ''HTML'' mezőt felülírja a gyári mintával, tehát elveszik a fejléc minden testreszabása (pl. az információs sávba írt telefonszám, e-mail), az idegen nyelvi sablonokat pedig érintetlenül, a régi tartalommal hagyja. A minta betöltése egyébként **magától nem ment** — csak a //Felvesz// gomb ír adatbázisba.

==== 3. Eredmény ====

  * A logó a **gyorskereső előtt** jelenik meg: tablet- és desktop-méretben a keresőmezőtől balra, egy sorban; kis kijelzőn (mobilon) külön sorban, középen, a kereső fölött.
  * A logó a webshop **kezdőoldalára** mutató linkként működik. \\ {{fa>info-circle?lg}} A hivatkozás célja nem állítható. Ha máshova kell mutatnia, a fenti blokkban az ''<a href="{adat.logo_href}">'' helyére saját hivatkozás írható — lásd [[evir:webshop:webshop_sablon|Webshop sablon]].
  * Amíg nincs feltöltve a kép, a fejléc pontosan úgy néz ki, mint korábban: a logó helye nem marad üresen, a kereső nem csúszik el.

----

==== Ha nem látszik a logó ====

  * **Nincs feltöltve a fájl, vagy más a neve.** A név pontosan ''fejlec_logo.<kiterjesztés>'' legyen, a //Webshop grafikák// terület gyökerében. Rossz név vagy alkönyvtár esetén a logó **csendben kimarad** — nem jelez hibát a látogatónak.
  * **A mentett fejléc-sablonból hiányzik a logó blokk** (2. pont).
  * **Idegen nyelven nézzük**, és a nyelvi sablonba nem került be a blokk (2. pont).
  * **SVG-t töltöttünk fel** — nem támogatott, tölts fel PNG/JPG/WEBP változatot.
  * Ha a Fájlkezelő //Webshop grafikák// füle hibát ad vagy nem elérhető, a feltöltési terület nincs beüzemelve az adott telepítésen — ez rendszergazdai feladat.

----

__Kapcsolódó oldalak:__
  * [[evir:webshop:fejlec_nyelv_valaszto_kirakasa|Nyelvválasztó kirakása a webshop fejlécébe]]
  * [[evir:webshop:banner_kirakasa|Banner kirakása a webshopra]]
  * [[evir:webshop:webshop_sablon|Webshop sablon]]
  * [[evir:webshop:felulet_beallitasok|Webshop felület szerkesztése]]
  * [[evir:webshop:webshop_osszerakas|Webshop felületének összerakása]]
  * [[evir:rendszer:filekezelo|Fájlkezelő]]