# Elementor: kurzuscsomag-widgetek

> A Bundle Thumbnail, Categories, Overview, Tags, Author, Courses és Benefits widget beállításai a kurzuscsomag oldalához.

Ez a fejezet azokat az Elementor-widgeteket írja le, amelyekkel a kurzuscsomag (bundle) oldalát építheted fel. A követelményeket, a bejegyzéstípusok bekapcsolását és a közös beállításokat (Typography, Border Type, Border Radius) az [Elementor: első lépések és kurzus-widgetek](https://hub.hellowp.io/hu/plugins/tutor-pro/integraciok-elementor/) fejezet tartalmazza. A Bundle Title widgetet a [kurzustartalom-widgetek](https://hub.hellowp.io/hu/plugins/tutor-pro/integraciok-elementor-kurzus-tartalom/) fejezet írja le.

Ahol a „Typography” beállítás szerepel, ott a szokásos mezők állnak rendelkezésre: **Family**, **Size**, **Weight** (100 és 900 között), **Transform**, **Style**, **Decoration**, **Line Height**, **Letter Spacing** és **Word Spacing**.

## Bundle Thumbnail (csomag bélyegképe)

A csomag bélyegképét jeleníti meg. Csak képet tud kezelni, videót nem: a kurzuscsomagok jelenleg nem támogatnak videós bélyegképet.

A **Style** fülön állítható:

| Beállítás | Mit csinál |
|---|---|
| **CSS Filters** | Képeffektusok: elmosás, fényerő, kontraszt, telítettség és színárnyalat. |
| **Border Type** | A szegély típusa: Solid, Double, Dotted, Dashed vagy Groove. |
| **Border Radius** | A sarkok lekerekítése. |
| **Box Shadow** | Árnyék: **Horizontal** és **Vertical** eltolás, **Blur** (elmosás), **Spread** (méret) és **Position** (kívül vagy belül). |

Ugyanezek a beállítások a lebegtetéses (hover) állapothoz is megadhatók.

## Bundle Categories (csomag kategóriái)

A csomag kategóriáit mutatja. Kategóriát a csomaghoz nem adhatsz meg kézzel: a Tutor LMS a csomagban lévő kurzusok kategóriáit gyűjti össze.

**Content** fül:

| Beállítás | Mit csinál |
|---|---|
| **Layout** | A kategóriák iránya (balra vagy felfelé). |
| **Alignment** | Balra, középre vagy jobbra igazítás. |
| **Gap** | A kategóriák közötti távolság. |

**Style** fül (külön a normál és a **Hover** állapotra):

| Beállítás | Mit csinál |
|---|---|
| **Label Color** | A „Categories” felirat színe. |
| **Label Typography** | Csak a „Categories” felirat betűstílusa. |
| **Value Color** | A kategórianevek színe. |
| **Typography** | A kategórianevek betűstílusa. |

## Bundle Overview (csomag áttekintése)

Gyors összefoglalót ad a csomagról a kurzusoldalon:

- a csomagban lévő kurzusok száma,
- a beiratkozott tanulók száma,
- a kurzusok összesített időtartama,
- a videók száma,
- a letölthető anyagok száma,
- a kvízek száma.

Az adatok automatikusan frissülnek, amikor kurzust adsz a csomaghoz vagy veszel ki belőle. Olyan csomagból, amelybe már beiratkozott tanuló, nem vehetsz ki és nem adhatsz hozzá kurzust, mert ez megzavarná a tanulást.

**Content** fül:

| Beállítás | Mit csinál |
|---|---|
| **General Settings** | Az áttekintés igazítása: balra, középre vagy jobbra. |
| **Enrolment Box** | Megjelenjen-e a beiratkozási doboz. |
| **Preview Mode** | A szerkesztőben a beiratkozás előtti vagy a beiratkozott állapot dobozát mutatja. |

**Style** fül, **Price & Cart Button** rész:

| Beállítás | Mit csinál |
|---|---|
| **Price Color** | Az ár színe. |
| **Price Typography** | Az ár betűstílusa. |
| **Cart Text** | A kosár gomb szövegének színe. |
| **Cart Background** | A kosár gomb háttérszíne. |
| **Cart Border** | A kosár gomb szegélyének színe. |
| **Cart Typography** | A kosár gomb szövegének betűstílusa. |

**Style** fül, **Overview Box** rész:

| Beállítás | Mit csinál |
|---|---|
| **Background Color** | Az áttekintő doboz háttérszíne. |
| **Border Type** | A szegély típusa. |
| **Border Radius** | A sarkok lekerekítése. |
| **Icon Size** | Az ikonok mérete. |
| **Icon Color** | Az ikonok színe. |
| **Label Color** | A feliratok színe. |
| **Label Typography** | A feliratok betűstílusa. |

## Bundle Tags (csomag címkéi)

A csomaghoz tartozó címkéket mutatja, így a tanulók gyorsan látják, milyen témájúak a benne lévő kurzusok. A címkére kattintva kapcsolódó kurzusokat böngészhetnek. Címkét a csomaghoz nem adhatsz meg kézzel: a Tutor LMS a csomagban lévő kurzusok címkéit gyűjti össze.

| Fül | Beállítás | Mit csinál |
|---|---|---|
| **Content** | **Select Tag** | A cím HTML-címkéje (fejléc mérete). |
| **Content** | **Alignment** | A cím igazítása: balra, középre vagy jobbra. |
| **Style** | **Color** | A szöveg színe. |
| **Style** | **Typography** | A betűstílus. |

## Bundle Author (csomag szerzői)

A csomagban lévő kurzusok oktatóit listázza. A tanulók az oktató nevére kattintva megnézhetik az oktató profilját és kurzusait.

| Fül | Beállítás | Mit csinál |
|---|---|---|
| **Content** | **Title** | A szerzői rész címe. |
| **Content** | **Show Profile Picture** | Az oktatók profilképe. |
| **Content** | **Display Name** | Az oktatók neve. |
| **Style** | **Color** és **Typography** | A szöveg színe és betűstílusa. |

## Bundle Courses (csomag kurzusai)

A csomagban lévő kurzusok listáját mutatja, így a tanulók a vásárlás előtt megnézhetik, mi van benne.

| Rész | Beállítás | Mit csinál |
|---|---|---|
| Cím | **Title Color** | A szakaszcím színe. |
| Cím | **Title Typography** | A szakaszcím betűstílusa. |
| **Courses List** | **Title Color** és **Title Typography** | A kurzusok címének színe és betűstílusa. |
| **Courses List** | **Author Color** és **Author Typography** | A szerző nevének színe és betűstílusa. |

## Bundle Benefits (csomag előnyei)

A csomag kurzusaiból megszerezhető tudást és készségeket listázza „What I will learn?” cím alatt.

**Content** fül:

| Beállítás | Mit csinál |
|---|---|
| **Title** | A lista címe. |
| **Layout** | **List** (két oszlop) vagy **Inline** (egy sor) nézet. |
| **List Icon** | A lista ikonja: a Font Awesome ikonok közül, vagy saját feltöltött ikon. |
| **Alignment** | Balra, középre vagy jobbra igazítás. |

**Style** fül:

| Rész | Beállítások |
|---|---|
| **Course Benefit Title** | **Color**, **Typography**, **Gap** (a cím és a szöveg közötti távolság). |
| **Course Benefit List** | **Space Between** (az elemek közti hely), **Border type** (Solid, Double, Dashed, Groove, Dotted), **Border Radius**, **Padding**. |
| **Course Benefit Icon** | **Color**, **Icon**. |
| **Course Benefit Text** | **Color**, **Text Indent** (behúzás), **Typography**. |