> For the complete documentation index, see [llms.txt](https://doc.barsoft.hu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.barsoft.hu/app-editor/brand-app/termekek.md).

# Termékek

### Termék kártya beállítások:

* Leírás elrejtése: elrejti a termék leírását a termék kártyáról.

{% tabs %}
{% tab title="Leírás elrejtve" %}

<figure><img src="/files/qVnisnmmyKOHf5WvphDg" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Megjelenített leírás" %}

<figure><img src="/files/z5ApNfJ7lCu01c3ssCWV" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* Képmutatás: beállítja, hogy a termék képe megjelenjen-e a termék kártyán.
* Kép előre: beállítja, hogy a termék képe a termék neve előtt jelenjen meg a termék kártyán.

<figure><img src="/files/55Y8LlU6an4AxnBmuzCK" alt=""><figcaption></figcaption></figure>

* Hosszú név ...: ha a termék neve túl hosszú, ... jellel lesz megjelölve, így kifér a termék nevének nagy része a termék kártyán, viszont nem lóg túl a képernyőn.

{% tabs %}
{% tab title="Hosszú név ..." %}

<figure><img src="/files/RIrSHUhsePePYbNQ9U9n" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Hosszú név ... kikapcsolva" %}

<figure><img src="/files/gHNaB4I6bdFJOs5gj5NF" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* Képarány: különböző képarányok közül választhatjuk ki, hogy szeretnénk megjeleníteni a termék képét.&#x20;

{% tabs %}
{% tab title="4:3" %}

<figure><img src="/files/ooIJtKX9iBtd6nO9buuF" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3:4" %}

<figure><img src="/files/bbDG6Qz8plGRYsSckfEk" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2:3" %}

<figure><img src="/files/UwVbdXxKVVqLBlqe0SCa" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3:2" %}

<figure><img src="/files/nJb1PLOMP8UVj1NyizlY" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="1:1" %}

<figure><img src="/files/I0xldFWtBCJHkf6WP6vI" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* Kép igazítás: választhatunk "Teljes kép" vagy "Borító" megjelenítések közül. Ha azt szeretnénk, hogy azonos méretű képeket jelenítsen meg az app, viszont a forrásképeink nem azonosak, a "Borító" beállítás lesz ideális.

{% tabs %}
{% tab title="Teljes kép" %}

<figure><img src="/files/mOevyrV4fwtXdpbTwG4g" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Borító" %}

<figure><img src="/files/6lnpkb5odyoo3pK74iWx" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* Kép lekerekítés: beállítja, hogy a termék képe milyen mértékben legyen lekerekített a termékek mellett.

{% tabs %}
{% tab title="Részleges lekerekítés" %}

<figure><img src="/files/YQCG6mDmgAxPsQ6rUog7" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Teljes lekerekítés" %}

<figure><img src="/files/DFotGKpYqeoJoFFGujfA" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Kerek képek" %}

<figure><img src="/files/AuldtOzuodS6oOBxUIIc" alt=""><figcaption><p>Ehhez a beállításhoz szükséges a teljes lekerekítés és az 1:1-es képarány</p></figcaption></figure>
{% endtab %}
{% endtabs %}

* Elrendezés: beállítja, hogy a termék kártya hogyan legyen elrendezve.

### Különböző termék elrendezések

{% tabs %}
{% tab title="Alapértelmezett" %}

<figure><img src="/files/yfMiFIxhmfoTl9Pke9Kk" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Elhúzható" %}

<figure><img src="/files/VfiJmA4q2zA1jppNoajF" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bekeretezett" %}

<figure><img src="/files/Jw1XTeu61YDJAW4ojISo" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Szegélyezett" %}

<figure><img src="/files/ED7Jv2yImMibeKb8sGYY" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Termék modal beállítások:

* Megjegyzés rejtése: elrejti a megjegyzés hozzáadás lehetőségét a termék modálról.
* Elvitelre rejtése: elrejti az elvitelre opciót a termék modálról.

### Termékek oldal

#### Összes kategória gomb megjelenítése

Amennyiben ez be van kapcsolva, lehetőségünk adódik az appon belül másodperceken belül kategóriát váltani akkor is, ha sok kategóriánk van.

<figure><img src="/files/EeUPIqEAszrmYXGhM6oK" alt=""><figcaption><p>A kategóriák közötti váltást elősegítő funkció</p></figcaption></figure>

#### Keresés mutatása

Bekapcsolt állapotban rendelkezésünkre áll egy kereső, amivel 2-3 karakter beírása után már meg is találhatjuk a keresett terméket. Nem szükséges a termék két kezdő karakterét beírni, a kereső úgy is megtalálja az adott terméket, ha akár a két középső karaktert is írjuk be.

<figure><img src="/files/3PKFXkKEIFNalspFxgxs" alt=""><figcaption><p>Meghatározott termékek megtalálását elősegítő funkció</p></figcaption></figure>

#### Kategória választó típusa

{% tabs %}
{% tab title="Alapértelmezett" %}

<figure><img src="/files/uBb93iyiOyeKzyqkrkqr" alt=""><figcaption><p>Háttérszín megjelenítve, alkategóriák azonos sorban</p></figcaption></figure>
{% endtab %}

{% tab title="V2" %}

<figure><img src="/files/X5X80TvYCsPYBINGH9gL" alt=""><figcaption><p>Háttérszín elrejtve, alkategóriák azonos sorban, összes kategória gomb</p></figcaption></figure>
{% endtab %}

{% tab title="V3" %}

<figure><img src="/files/GeBwf1AdKv3HSO9iaTYh" alt=""><figcaption><p>Háttérszín elrejtve, alkategóriák új sorban, összes kategória gomb</p></figcaption></figure>
{% endtab %}
{% endtabs %}

### Rendelési elemek testreszabása gomb

<figure><img src="/files/lZIYjJQaLRVZY0RuQpnl" alt=""><figcaption></figcaption></figure>

Itt a termékek, kategóriák és a termék modal megjelenítését tudjuk szabályozni.

**Termék kinézete**\
Tudunk betűméretet, vastagságot, illetve színt állítani a termék nevének, leírásának vagy árának. Ezen felül bekapcsolható a nagybetűs megjelenítés is.

<figure><img src="/files/YKluIOVTLPDPYnjdZChE" alt=""><figcaption></figcaption></figure>

**Kategória kinézet**\
Tudunk betűméretet, vastagságot, színt és láthatóságot állítani a kategóriák nevének vagy leírásának. Ezen felül bekapcsolható a nagybetűs megjelenítés is.

<figure><img src="/files/s3jZuBiV1UaEOaMzmPon" alt=""><figcaption></figcaption></figure>

**Termék modal**\
Tudunk betűméretet, vastagságot, színt vagy akár nagybetűs megjelenítést is állítani a termék nevének, leírásának. Ezeken felül a mennyiség választó gomb kinézetét is tudjuk szabályozni,, vagy akár a kosárba helyezés gombot lekerekíteni.

<figure><img src="/files/JG7uBr3aD0ha5IBc5klt" alt=""><figcaption></figcaption></figure>