# Távoli carousel: gombok és pontok bármelyik karusszelhez

> Hogyan kapcsolsz Következő/Előző gombokat és lapozópontokat egy bejegyzés-, termék-, galéria-, ügyfél-, csapat-, vélemény-, dinamikus lista- vagy kategória-karusszelhez.

A karusszelek saját léptetőgombjai nem mindig férnek el szépen a tartalom mellett. A **Távoli carousel** widget külön **Következő** és **Előző** gombokat, valamint lapozópontokat ad, és ezeket bárhová az oldalra teheted. A widget a karusszellel egy azonosítón keresztül van összekötve.

A widget a Pro változat része, ingyenes párja nincs. Használat előtt kapcsold be: **The Plus Addons → Widgets**, keress rá a **Távoli carousel** widgetre, és kapcsold be a kapcsolóját. Az Elementor szerkesztőjében a **Távoli carousel** nevet keresd.

Az összekötés ugyanaz mindegyik karusszelnél, ezért az alábbi lépések minden listázó widgetre érvényesek. A különbség csak abban van, hogy melyik widgetben kapcsolod be a karusszel elrendezést (lásd a táblázatot lent).

## Mi kell hozzá

- A **Távoli carousel** widget bekapcsolva a **The Plus Addons → Widgets** oldalon.
- Egy listázó widget, amelynek az elrendezése **Carousel** (karusszel), és már van benne tartalom.
- Annyi elem a karusszelben, amennyi több az egyszerre látható oszlopszámnál. Ha a karusszel minden elemét egyszerre mutatja, a **Következő** és **Előző** gombnak nincs hová léptetnie, ezért inaktívnak látszik.

## Lépések

### 1. A listázó widget karusszelre állítása

Jelöld ki a listázó widgetet, és az elrendezését állítsd **Carousel** értékre. Hogy ez melyik widgetben hol van, azt a következő táblázat mutatja.

| Widget | Mit állíts be |
| --- | --- |
| Blog/bejegyzések listája | A lekérdezés (melyik bejegyzések jelenjenek meg), majd az **Elrendezés** között a **Carousel** ikon. |
| Termékeket listázó widget (Product Listing) | A termékek lekérdezése, majd a tartalom elrendezésénél a **Carousel** ikon. |
| Vélemény | A kívánt stílus; az elrendezés alapértelmezetten már karusszel. |
| Ügyfelek | A kívánt stílus, majd az **Elrendezés** között a **Carousel** ikon. |
| Csapattagok listázása | A kívánt stílus, majd az **Elrendezés** között a **Carousel** ikon. |
| Galériát listázó widget (Gallery Listing) | A képek feltöltése, majd az elrendezésnél a **Carousel** ikon. |
| Dinamikus lista (Dynamic Listing) | A tartalomtípus és a lekérdezés, majd az elrendezésnél a **Carousel** ikon. |
| Dinamikus kategóriák (Dynamic Categories) | A stílus és a taxonómiák, majd az elrendezésnél a **Carousel** ikon. |
| Dynamic Smart Showcase | A **Stílus** legyen **Magazine Slider** (ez magától karusszel elrendezést állít be), majd válaszd ki a bejegyzéstípust és a magazin-elrendezés stílusát. |

![A Blog/bejegyzések listája widget panelje](./kepek/karuszell-navigacio-1-blog-panel.webp)

*A Blog/bejegyzések listája widget panelje* (https://minta-bolt.hu/wp-admin/post.php?post=46&action=elementor)

A képen a blogbejegyzéseket listázó widget **Tartalom** lapja látszik, itt választod az elrendezést.

### 2. Egyedi azonosító a karusszelnek

1. Nyisd meg a listázó widget **Stílus** lapját, és bontsd ki a **Carousel beállításai** szakaszt (egyes widgeteknél a **Tartalom** lapon van).
2. Az **Egyedi carousel-ID** mezőbe írj egy azonosítót, például `bejegyzesek`. Betűt, számot, kötőjelet és aláhúzást használj, szóköz nélkül.

![A Carousel beállításai szakasz az Egyedi carousel-ID mezővel](./kepek/karuszell-navigacio-1-blog-panel-carousel.webp)

*A Carousel beállításai szakasz az Egyedi carousel-ID mezővel* (https://minta-bolt.hu/wp-admin/post.php?post=46&action=elementor)

A kép felső mezőjében az `bejegyzesek` azonosító látszik; a szakasz többi beállítása a karusszel működését szabja.

### 3. A Távoli carousel összekötése

1. Húzd a **Távoli carousel** widgetet arra a helyre, ahol a gombokat vagy a pontokat látni szeretnéd.
2. A **Tartalom** szakaszban az **Egyedi kapcsolati ID** mezőbe írd be pontosan ugyanazt az azonosítót.
3. A **Távoli vezérlés típusa** maradjon **Körhinta** (ez az alapérték). A **Kapcsoló** widget vezérlése külön eset, azt a Kapcsoló fejezet írja le.

![A Távoli carousel Tartalom szakasza az egyedi kapcsolati ID-vel](./kepek/karuszell-navigacio-1-remote-panel.webp)

*A Távoli carousel Tartalom szakasza az egyedi kapcsolati ID-vel* (https://minta-bolt.hu/wp-admin/post.php?post=46&action=elementor)

A képen az **Egyedi kapcsolati ID** ugyanaz, mint a karusszel azonosítója.

### 4. Gombok, pontok vagy mindkettő

A **Következő/előző gomb** az **Előző/következő** szakaszban van, és alapértelmezetten be van kapcsolva. Itt állíthatod a gombok szövegét (**1. gomb szövege**, **2. gomb szövege**), az igazítást, az ikon stílusát, és saját ikont is adhatsz a két gombnak (**Előző ikon**, **Következő ikon**).

![Az Előző/következő szakasz a gombok beállításaival](./kepek/karuszell-navigacio-1-remote-panel-gombok.webp)

*Az Előző/következő szakasz a gombok beállításaival* (https://minta-bolt.hu/wp-admin/post.php?post=46&action=elementor)

A pontok a **Pontok** szakaszban kapcsolhatók be (alapból ki vannak kapcsolva). Itt minden diához egy pontot veszel fel az **Elem hozzáadása** gombbal, a diák sorrendjében.

![A Pontok szakasz a pontok listájával](./kepek/karuszell-navigacio-1-remote-panel-pontok.webp)

*A Pontok szakasz a pontok listájával* (https://minta-bolt.hu/wp-admin/post.php?post=46&action=elementor)

A listában az **1. pont**, **2. pont**, **3. pont** elemek látszanak; az **Elrendezés** vízszintes vagy függőleges lehet, az **Aktív pont stílusa** pedig az éppen aktuális pontot emeli ki.

Tedd közzé az oldalt, és próbáld ki a gombokat és a pontokat a nyilvános oldalon.

![A blogbejegyzés-karusszel a Távoli carousel gombjaival és pontjaival](./kepek/karuszell-navigacio-1-blog-remote.webp)

*A blogbejegyzés-karusszel a Távoli carousel gombjaival és pontjaival* (https://minta-bolt.hu/tp-kn-blog-remote/)

A képen a karusszel fölött az **Előző** és **Következő** gomb, valamint a lapozópontok látszanak.

## Mihez kapcsolhatod

A **Távoli carousel** minden olyan widgettel összekapcsolható, amelynek van karusszel, csúszka vagy kapcsoló elrendezése. Az összekötéshez a két widget azonosítójának egyeznie kell: a távoli widget **Egyedi kapcsolati ID** mezőjének a partner widget **Egyedi carousel-ID** mezőjével (a **Kapcsoló** widgetnél a saját kapcsolati azonosítójával) kell megegyeznie. Összekötheted a **Carousel Anything**, a **Kapcsoló**, a blogbejegyzések, a vélemények, a WooCommerce-termékek, a képgalériák, az ügyféllogók, a csapattagok, a dinamikus lista, a magazincsúszka és a dinamikus kategóriák widgetjeivel.

A **Távoli vezérlés típusa** három értéket kínál:

| Érték | Mikor használd |
| --- | --- |
| **Carousel** / **Körhinta** | Karusszel vagy csúszka típusú widgethez. |
| **Kapcsoló** | A **Kapcsoló** widgethez. |
| **Vízszintes görgetés** | A **Vízszintes görgetés** widgethez. |

A navigáció két fajtája: az **Előző/következő** (**Következő** és **Előző** gomb, alapból bekapcsolva: a stílus, a szöveg és az igazítás állítható) és a **Pontok** (alapból kikapcsolva: minden diához veszel fel egy pontot). Általában elég az egyiket bekapcsolni, de együtt is működhetnek.

A pontok száma egyezzen a csatlakoztatott karusszel elemeinek számával. Kipróbáláskor a dia nélküli pont inaktív maradt, a pont nélküli diánál pedig az előző pont maradt aktív.

## Stílus lap

A **Stílus** lapon minden bekapcsolt navigációs típushoz külön szakasz van:

- **Előző/következő**: a gomb stílusa (betűtípus, színek, háttér) és az ikon stílusa (méret, távolság, szín).
- **Pontok**: a pontok mérete, távolsága, az ikon mérete és a kép mérete.
- **Lapozó**: egy opcionális lapozásszámláló a navigáció mellett, bekapcsolás után saját stílusbeállításokkal.
- **Görgetésre megjelenő animáció**: az összes widgeten elérhető közös belépő animáció.

A **Haladó** lap minden The Plus Addons widgetnél azonos.

## Hogyan működik

- A **Következő** és az **Előző** gomb egy lépéssel mozgatja a karusszelt.
- A pontra kattintva a karusszel közvetlenül a hozzá tartozó diára ugrik, és az a pont lesz aktív. Ha a karusszel más módon mozdul (húzással vagy automatikus lejátszással), az aktív pont ilyenkor is követi.
- Ha a karusszelben ugyanannyi elem van, mint amennyi egyszerre látszik, a gomboknak nincs hová léptetniük. Vegyél fel több elemet, mint az oszlopok száma.

## Korlátok

- A pontok a diákhoz pozíció és darabszám szerint illeszkednek. Mindig annyi pontot vegyél fel, ahány dia van, különben néhány diának nem lesz saját pontja.

## Hibaelhárítás

**A gombok vagy pontok nem csinálnak semmit.**

- Nézd meg, hogy az **Egyedi carousel-ID** és az **Egyedi kapcsolati ID** pontosan egyezik-e, felesleges szóköz nélkül.
- A **Távoli vezérlés típusa** értéke **Körhinta** legyen.
- Ha a karusszel minden elemét egyszerre mutatja (kevés elem, sok oszlop), vegyél fel további elemeket.