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

A logó képét nem a Webshop menüben, hanem a Fájlkezelőben töltjük fel, a Webshop grafikák területre — ugyanoda, ahová a 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.

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. Rendszer → Fájlkezelő menüpont, Webshop grafikák fül.
2. 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.
3. A fájl neve kötelezően: fejlec_logo.<kiterjesztés> (pl. fejlec_logo.png).
4. 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.
   SVG nem használható (a rendszer biztonsági okból nem engedi feltölteni).
5. 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.

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 → 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é:

      {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}

• 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ó.
• 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.
• 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.

• 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.
  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 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.

• 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:

• Nyelvválasztó kirakása a webshop fejlécébe
• Banner kirakása a webshopra
• Webshop sablon
• Webshop felület szerkesztése
• Webshop felületének összerakása
• Fájlkezelő