# Megjelenés

> Buboréksúgók és a kiegészítő mezők stílusának módosítása.

## Buboréksúgók

A buboréksúgó a mezőről ad további információt. Kétféle van.

| Típus | Hogyan működik |
| --- | --- |
| Normál | Kis ablakban jelenik meg, amikor a vásárló egy ikon fölé viszi az egeret. Rövid, formázatlan szöveghez jó. |
| Továbbfejlesztett | Az ikonra kattintva modális ablak nyílik a tartalom fölött. A tartalom egyetlen bejegyzésből, oldalból vagy egyedi bejegyzéstípusból érkezik, ezért lehet benne formázott szöveg, címsor, kép, videó és shortcode. |

Bekapcsolás:

1. Nyisd meg a **WooCommerce → Beállítások → Termékkiegészítők → Általános** oldalt.
2. A **Fejlesztések** alatt a **Buboréksúgók engedélyezése** legördülőben válaszd ki a típust (alapérték: **Letiltva**).
3. Mentsd a beállítást.

Normál súgónál a mező **Mező leírása** szövege jelenik meg a buborékban. Továbbfejlesztett súgónál a **Mező leírása** helyére annak a bejegyzésnek az azonosítóját írd, amelynek a tartalmát meg akarod jeleníteni.

## A mezők stílusa

A bővítmény alig ad saját stílust a mezőknek, hanem a sablon (téma) stílusát örökli, így a mezők illeszkednek a webhelyhez. Ha módosítani szeretnél, három lehetőséged van.

### Előre elkészített stílus

1. Nyiss meg egy termékoldalt, amelyen vannak kiegészítő mezők.
2. A felső admin sávban kattints a **Testreszabás** menüpontra. Megnyílik a Testreszabó.
3. Nyisd meg a **Product Add-Ons Ultimate** részt, majd a **Styles** pontot.
4. Válassz egy **Preset styles** értéket, és adj meg egy **Accent colour** színt, lehetőleg a sablonod fő színét.
5. Kattints a **Közzététel** gombra.

A betűtípus és a betűméret továbbra is a sablonból jön.

### A Testreszabó beállításai

Ugyanott, a **Styles** pontban egyedi értékeket is állíthatsz:

- a mezők körüli és az egyes mezők körüli margó és belső távolság,
- a háttér- és keretszínek,
- a szövegszín,
- a szöveg- és szövegmező szélessége, a szövegmező magassága,
- a mezőfeliratok külön sorba kényszerítése,
- a kiválasztott képminták keretszíne,
- jelölőnégyzetek megjelenítése a **Termékek** mezőn (**Show Inputs on Products Field**).

Módosítás közben az oldalon látszik az előnézet. A **Közzététel** gombbal teszed élővé.

### Saját CSS

Minden mező és csoport stílusa CSS-sel is módosítható. Ehhez a csoport és a mező beállításaiban megadhatsz egyedi CSS-osztályt: a csoportnál a **Csoport CSS-osztálya**, a mezőnél a **Megjelenítés** fülön a **Mező CSS-osztálya** mezőbe.