===== Egyedi elemek =====


{{ :evir:public_web:webshop_egyedi_elem.png?700|}}

A webshop felületre kihelyezhető  html elemek létrehozása a :
  - **Public web**,
  - **[[evir:public_web:beallitas_menu|Beállítás]]**,
  - **Egyedi elemek**,
  - **Új egyedi elem** menüpont alatt történik. [[evir:public_web:webshop_egyedi_elem#html_pelda|Például]]: kép, logo, link, szöveg... elemeket rögzíthetünk.
  - **Paraméterek**
    * **Azonosító** \\ Egyedi azonosító.
    * **Neve** \\ A rögzített egyedi elem a neve, mely alapján a ''[[evir:webshop:felulet_beallitasok|Webshop felület]]'' ''Új elem'' mezőben a legördülőből kiválasztható.
    * **Link** \\ A saját oldalról kimutató link is rakható az elem köré, ha a mezőbe beírjuk a célt. \\ A link a ''HTML'' mezőben leírtak köré kerül. \\ Például így: https://evir.hu
    * **HTML** \\ Az egyedi elem lehet:
      * **HTML kód**:
      * [[evir:public_web: file_feltoltes|Feltöltöt fájl]]: [evir_public_web_file_'Fájl azonosítója'] módon kell hivatkozni a fájlra, amelyet a ''Public web -> Beállítás -> [[evir:public_web:file_feltoltes|Fájl feltöltés]]'' menüpont alatt feltöltött fájlok közül választhatunk ki.  \\ Például a fájlok közé feltöltött logo: \\ <file>
<div class="d-inline-flex">
  <img src="[evir_public_web_file_logo]"/>
</div>
</file>
  - **</>** gombra kattintva a HTML kód nézetet lehet megjeleníteni. \\ <color red>{{fa>exclamation-circle?lg}}</color> Mentés előtt mindig váltsunk vissza a kód nézetről az alap nézetre, különben elvesznek a módosítások!
  - <color green/green>**| <color white>Felvesz</color> |**</color> [[evir:alapok:funkcio_gombok|gombra kattintva elmenti]] az adatokat!

==== Az egyedi elem megjelenítése ====

Egy elkészített egyedi elem kétféleképpen helyezhető ki:
  - a ''[[evir:webshop:felulet_beallitasok|Webshop felület]]'' valamelyik sarkába, az ''Új elem'' legördülőből kiválasztva (ekkor a //Neve// alapján azonosítjuk, és a megadott //Link// kerül az elem tartalma köré);
  - hivatkozással beágyazva a fejléc vagy a lábléc [[evir:webshop:webshop_sablon|sablonjába]], illetve a [[evir:public_web:webshop_header_trailer|HTML header-trailer]] tartalomba. Ehhez az ''[evir_public_web_egyedi_elem_<color red>azonosito</color>]'' hivatkozást kell beírni az //Azonosító//-val — a helyére az egyedi elem teljes HTML tartalma kerül. \\ Például: \\ <file>
<div class="text-center py-2">
  [evir_public_web_egyedi_elem_akcio_info]
</div>
</file>

----

{{ :evir:public_web:webshop_egyedi_elem_pelda.png?700|}}

__Kapcsolódó oldalak:__
  * [[evir:webshop:webshop_osszerakas|Webshop összeállítás]]
  * [[evir:public_web:webshop_header_trailer|HTML header-trailer]]
  * [[evir:public_web:webshop_egyedi_oldal|Webshop egyedi oldalak]]
  * [[evir:public_web:file_feltoltes|Fájl feltöltés]]