# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.barsoft.hu/app-editor/brand-app/termekek.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.