> 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F1YFcAt5opj5O71XAoSgG%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20151132.png?alt=media&amp;token=ee6bb0b8-08d4-4740-9059-e997938fda7c" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FrXv7nAqxz5CTRF01slp8%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20151122.png?alt=media&amp;token=afae2f36-932d-458d-8129-ddc1c5be586b" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FJwZ6lVfuogBJhJrEnBz5%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20145725.png?alt=media&amp;token=2818097f-a770-4cb1-b567-45f5d486b923" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FBmA8gSNIlSDWx1pi1GXQ%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20151632.png?alt=media&amp;token=79d274ed-3488-43fe-8fd0-7f47b6eab8e2" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2Fm1FwzCFYtmNkMk98W16J%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20151646.png?alt=media&amp;token=3cb00b7f-f4cb-48e3-88cf-31ad394576bf" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FPDsmgr0nSGGchPpv5WM5%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20150326.png?alt=media&amp;token=4004ea1c-1068-442e-86d4-25ea02aa9741" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2Fs9RSTGRADzjwySYj1B4M%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20150343.png?alt=media&amp;token=c434d8c7-9226-48b1-bd94-b680eb60c81c" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F68t9AkRrhiM7pwRDKQQ0%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20150351.png?alt=media&amp;token=f8424888-95fb-4566-a7e5-bfe573122f72" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FA5K7oGxgbGtQob4wj0RG%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20150359.png?alt=media&amp;token=fe1f73fc-3810-43a7-b69e-9d9416995fa7" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F3tQwdellulUVaOxasGxa%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20150407.png?alt=media&amp;token=996ed00b-b489-42f4-b2b6-b770fc6cbe4f" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FMJHIrYcS0MKGwaIVnCoI%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20143427.png?alt=media&amp;token=7d06dc87-7a0c-4830-acbc-7d83aaa4c769" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FpHajazzHLNUWp9NyQ91g%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20143437.png?alt=media&amp;token=9e79f200-0b26-493e-a710-cb67d29b101d" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FRdIMncPgHaUGwm2V6J21%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20145221.png?alt=media&amp;token=2dc256b7-26d9-4a1e-8a41-ec0c0a8c0e50" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FalA99ibzrbCSN4X0IobR%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20143450.png?alt=media&amp;token=5052c093-e3fa-4c4a-8091-9c60ccba16f4" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F7BbmH8sLeH1bHxJmLLhv%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20143504.png?alt=media&amp;token=2a8525ac-92de-4a56-9ba0-5871b1be2eae" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FtwL6rAathVBco5oyJts7%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20131906.png?alt=media&amp;token=e46a26f7-9494-4e19-8b79-50d9cd2cfd8f" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FNRbyPlNCR1BlwnIZB9Lm%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20131924.png?alt=media&amp;token=f1550c7e-466b-42c9-b4be-b2608424b588" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bekeretezett" %}

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FitcPpEbeaAjjLiq3bR19%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20131936.png?alt=media&amp;token=409ad544-3d11-4871-aa3f-b67f2112d53e" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FUiUHoP7FVixOzQLYegMO%2FK%C3%A9perny%C5%91k%C3%A9p%202024-05-17%20131950.png?alt=media&amp;token=47ebf2f3-f2df-4e99-9f8b-6226448403b2" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FMS0dNj1oWpEMTmMxnucC%2Fkateglist.gif?alt=media&amp;token=076065cb-85bc-4dbb-8913-ed24badb61e6" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F29Zw8E7FSQzEoqBFzwZk%2Fszoorcs.gif?alt=media&amp;token=83f98cff-398f-4f9a-a7ec-4dc71e386feb" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FgCZQaQ3vXWV7aK3ivQo2%2Fimage.png?alt=media&amp;token=dbe9016d-76d4-4c40-accd-2cca792f4450" alt=""><figcaption><p>Háttérszín megjelenítve, alkategóriák azonos sorban</p></figcaption></figure>
{% endtab %}

{% tab title="V2" %}

<figure><img src="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F0Z6QgIA3Y5AO3zTkqkgD%2Fimage.png?alt=media&amp;token=533eb190-6868-4827-8133-0f8719dca4d0" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FW8EkxTTykccvu4GMOlV7%2Fimage.png?alt=media&amp;token=67a04a6e-feb3-46ad-ad35-041f5b16f24d" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FWwX9VNU16HUqG7YRhtHa%2Fimage.png?alt=media&amp;token=f7e103a3-b305-4a47-b6df-416ed777bcd6" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2F25jCtEOvquXYXcMNjify%2Fimage.png?alt=media&amp;token=92ad3fac-3521-43ff-96bc-af3333170cfc" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FqkFS4mUuv0vG8fLKEYq2%2Fimage.png?alt=media&amp;token=b42483c3-45fe-416e-8a65-db35a5ad8bce" 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="https://1171823156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQjo6hsuunpgdtKKWxNO9%2Fuploads%2FDwh4qaiTcqfGFaqhYqS5%2Fimage.png?alt=media&amp;token=002a062d-d25b-4544-a045-3984667e96d7" alt=""><figcaption></figcaption></figure>