# Csoportok elrendezése és megjelenítése

> A csoportok mezőinek elrendezése, a csoportok megjelenítési módja (harmonika, fülek, lépések) és a harmonika alapállapota.

A csoportok két szinten állíthatók: a **csoporton belül** azt választod meg, hogyan sorakoznak a mezők, a **terméken** pedig azt, hogyan jelennek meg egymáshoz képest a csoportok.

## A mezők elrendezése a csoporton belül

Nyisd meg a csoport beállításait (a csoport fejlécére kattintva), és válassz a **Csoport elrendezése** listából:

| Érték | Hatás |
| --- | --- |
| **Normál** | A mezők egyszerű listában követik egymást. |
| **Táblázat** | A mezők táblázatban jelennek meg. |
| **Két oszlop** | A mezők két oszlopban jelennek meg. |
| **Három oszlop** | A mezők három oszlopban jelennek meg. |

![Egy csoport beállításai a terméken](./kepek/csoportok-csoport-beallitasok.webp)

*Egy csoport beállításai a terméken* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit)

A képen a **Csoport elrendezése** lista a csoport beállításai között látszik, mellette a **Csoport CSS-osztálya** mező.

## A csoportok megjelenítése a terméken

A termék szerkesztőjében a **Termék adatok → Product Add-Ons** fül alján, a **Termékbeállítások** részben a **Csoportok megjelenítése ilyen formában** listával dönthetsz a csoportok megjelenéséről:

| Érték | Hatás |
| --- | --- |
| **Normál** | A csoportok egymás alatt, nyitva látszanak. |
| **Harmonika** | Minden csoport egy összecsukható szakasz. |
| **Modális ablak** | A mezők felugró ablakban nyílnak meg, lásd a [Mezők modális ablakban](https://hub.hellowp.io/hu/plugins/product-extras-for-woocommerce/csoportok-modalis-ablak/) fejezetet. |
| **Lépések** | A csoportok egymás után, lépésenként jelennek meg. |
| **Fülek** | Minden csoport külön fülön van. |

![A termék csoportjainak beállításai](./kepek/csoportok-termek-beallitasok.webp)

*A termék csoportjainak beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit)

A termékhez közvetlenül hozzáadott csoportok a termék beállítását követik. A termékhez rendelt globális csoportok is ugyanezt az elrendezést kapják.

### Ha minden csoportod globális

Ha minden csoportod globális, és ezért nincs termékszintű beállításod, a megjelenítési módot kóddal is megadhatod. A `pewc_group_display` szűrő a módot adja vissza, például `'accordion'` (harmonika) vagy a füles elrendezés értéke:

```php
add_filter( 'pewc_group_display', function () {
    return 'accordion';
} );
```

A kódrészletet a sablon `functions.php` fájljába vagy egy kódrészlet-kezelő bővítménybe másold.

## A harmonika alapállapota

Alapból az első csoport nyitva van, a többi zárva. Ezt a `pewc_filter_initial_accordion_states` szűrővel változtathatod meg:

- `'closed'` értékkel minden csoport zárva indul,
- `'open'` értékkel minden csoport nyitva indul.

```php
add_filter( 'pewc_filter_initial_accordion_states', function () {
    return 'closed';
} );
```

## Egyszerre csak egy szakasz legyen nyitva

Ha azt szeretnéd, hogy egy szakasz kinyitásakor a többi automatikusan becsukódjon, a `pewc_close_accordion` szűrő `'yes'` értéket adjon vissza:

```php
add_filter( 'pewc_close_accordion', function () {
    return 'yes';
} );
```

## Kapcsolódó fejezetek

- [Mezők modális ablakban](https://hub.hellowp.io/hu/plugins/product-extras-for-woocommerce/csoportok-modalis-ablak/)
- [Csoportok sorrendje](https://hub.hellowp.io/hu/plugins/product-extras-for-woocommerce/csoportok-sorrend/)
- [Ismételhető mezők és csoportok](https://hub.hellowp.io/hu/plugins/product-extras-for-woocommerce/csoportok-ismetelheto/)