# Hozzájárulási sáv

> A Consent Banner oldal öt füle: általános beállítások, megjelenés, színek, szövegek és egyéni CSS.

A **Complianz → Consent Banner** oldalon alakítod ki a látogatóknak megjelenő sávot. Jobb alsó sarokban élő előnézet látszik (**Manage Consent** fejléc, a sütiüzenet és az **Accept**, **Deny**, **View preferences** gombok), amely a módosításokat azonnal mutatja. Az előnézetet a **Hide preview** kapcsolóval rejtheted el.

![A Consent Banner General füle](./kepek/sav-altalanos.webp)

*A Consent Banner General füle* (https://minta-bolt.hu/wp-admin/admin.php?page=complianz)

A kép a licenc nélküli állapotot mutatja: a mezők halványak és zároltak, amíg a prémium licenc nincs aktiválva. Az **Értesítések** panelben két megjegyzés látszik: a kategóriák használata kötelező, ha a statisztikai beállításod ezt megköveteli, és a **Reset the consent banner** magyarázata.

A fülek sorrendje a sáv beállításának természetes menete: előbb a **General** (név, kategóriák, kikapcsolás), majd az **Appearance** (hely, animáció, szélesség, kategóriaválasztók stílusa; ha több szöveg vagy választási lehetőség miatt a sáv magasabb lesz, a szélességgel ellensúlyozhatod), végül a színek, a szövegek és az egyéni CSS. A kategóriák alapból bejelöletlenek, az előre bejelölésről lásd az [Előre bejelölt kategóriák](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/sutisav-elorejelolt-kategoriak/) fejezetet.

## General

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Consent banner title** | A sáv belső neve (A/B teszteléskor ez különbözteti meg a sávokat). | Banner A |
| **Categories** | A sávon megjelenő gombok és kategóriák. | **Accept - Deny - View Preferences** |
| **Manage consent display options** | Hogyan jelenjen meg a hozzájárulás kezelése fül. | **Hover on Desktop - Hide on Mobile (Default)** |
| **Disable consent banner** | Kikapcsolja a sávot. | ki |
| **Hide preview** | Elrejti az előnézetet a beállítóoldalon. | ki |
| **Reset to default values** | Visszaállítja az alapértékeket, a szövegeket is. Az **Alaphelyzetbe állítás** gombbal hajtod végre. | |

A **Disable consent banner** bekapcsolása esetén a sáv nem jelenik meg a webhelyen, ezért a [Hibaelhárítás](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/hibaelharitas/) is ezt a beállítást nevezi az egyik ellenőrizendő pontnak.

## Appearance

| Beállítás | Mit csinál |
| --- | --- |
| **Position** | A sáv helye az oldalon (alapérték: **Bottom right**). |
| **Animation** | A megjelenés animációja (alapérték: **None**). |
| **Width of the banner in pixels** | A sáv szélessége képpontban. |
| **Checkbox style** | A kategória-választók stílusa (alapérték: **Slider**). |
| **Legal document links on banner** | A generált dokumentumok linkjei a sávon; a cím a dokumentum oldalának címe. |
| **Logo** | Logó a sávon. |
| **Close button** | Bezáró gomb. |
| **Box shadow**, **Box shadow on header and footer** | Árnyék a sávon, illetve a fejlécén és láblécén. |
| **Show as soft cookie wall** | A puha sütifal nem blokkolja azt a látogatót, aki nem utasítja el a hozzájárulást és nem zárja be a sávot, de választásra kényszeríti, mielőtt belép a webhelyre. Részletek: [A puha sütifal](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/sutisav-puha-sutifal/). |
| **Border radius banner**, **Border width banner**, **Border radius buttons** | Lekerekítés és keretvastagság (felül, jobbra, alul, balra, **px**, **%**, **em**, **rem** egységben). |
| **Font size** | Betűméret. |

## Colors

A színek három csoportba rendeződnek, mindegyik alatt **Accessibility** blokk mutatja a kontrasztarányt és a megfelelőségi szintet (például **AAA**):

- **General**: **Background**, **Border**, **Text**, **Hyperlink** színe. A kontrasztot a szöveg és a háttér, illetve a hivatkozás és a háttér között számolja.
- **Toggles**: a kapcsolók **Background**, **Bullet** és **Inactive** színe.
- **Buttons**: az **Accept**, **Deny** és **Settings** gomb **Background**, **Border** és **Text** színe.

## Texts

A sáv szövegeit itt szerkesztheted:

- **Text on the manage consent tab**: a hozzájárulás-kezelő fül felirata.
- **Header**, **Accept button**, **Deny button**, **View preferences**, **Save preferences**: a fejléc és a gombok szövege.
- **Cookie message**: a sütiüzenet, HTML és bekezdés (**Paragraph**) nézetben.
- **Functional**, **Functional description**, **Statistics**, **Anonymous statistics description**: a kategóriák neve és leírása.

A **Deny** gomb minden sütit elutasít a feltétlenül szükségesek kivételével, és bezárja a sávot.

## Custom CSS

Az **Use Custom CSS** kapcsolóval saját stílust adhatsz a sávhoz. A beviteli mező sablonja a sáv elemeit tartalmazza: `.cmplz-cookiebanner` (konténer), `.cmplz-cookiebanner .cmplz-logo`, `.cmplz-title`, `.cmplz-close`, `.cmplz-message` és a gombok. A **Disable width auto correction** kikapcsolja a szélesség automatikus korrekcióját. TCF vagy más keretrendszer használatakor a szigorú előírások miatt az egyéni CSS nem ajánlott.

A sáv akkor jelenik meg, ha a varázsló elkészült, a sáv nincs kikapcsolva, és legalább egy hozzájárulást igénylő kategória van (Statistics, Marketing vagy Preferences). A kategóriák feltételeit a [Hibaelhárítás](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/hibaelharitas/) fejezet sorolja fel.