# Árkártyák blokk – Basic / Standard / Prémium

> Árkártyák blokk választható változat.

- **Eredeti HTML oldal:** [https://weboldal-berles.hu/tudasbazis/oldalepito/arkartyak-blokk-harom-csomag](https://weboldal-berles.hu/tudasbazis/oldalepito/arkartyak-blokk-harom-csomag)

Blokk-változat részletes súgó

## Árkártyák blokk – Basic / Standard / Prémium

Basic/Standard/Prémium jellegű árcsomagokat kezel, kiemelt csomaggal, szolgáltatáslistával és CTA-gombokkal.

### Mire érdemes használni?

Három szolgáltatási vagy előfizetési csomag összehasonlítására.

Blokk működése

### Blokk beállításai

Ezek a beállítások minden blokk szerkezeti és navigációs működését egységesen vezérlik.

- **Megjelenési változat:** meghatározza a blokk elrendezését és az elérhető tartalmi mezőket. Változatváltás után ellenőrizd az előnézetet.
- **Aktív blokk:** kikapcsolva a blokk nem jelenik meg a nyilvános oldalon, de a beállításai megmaradnak és később visszakapcsolható.
- **Megjelenés a menüben:** bekapcsolva a blokk a főmenüben is megjelenik, és kattintásra az adott szakaszhoz görget.
- **Menünév és mobil menüikon:** a menüben látható felirat és a mobilnézetben használható ikon. A menünév legyen rövid és egyértelmű.
- **Kiemelt menüpont:** ahol elérhető, külön vizuális hangsúlyt ad a főmenüben az adott blokk linkjének.
- **Főmenü és almenük:** a menüben lévő aktív blokkokból opcionálisan főmenü/almenü kapcsolat építhető. Ha nincs ilyen kapcsolat, a régi egyszerű, egyszintű menü változatlan marad.
- **Mobilos menütérkép:** mobilon a főmenük és almenük egy közös hierarchikus nézetben láthatók. A Főmenüvé és Almenüvé műveletek külön gombot kaptak; almenü csak a főmenü kiválasztása után menthető, sorrendje fel/le gombbal módosítható, és másik főmenü alá is áthelyezhető.
- **Sorrend:** az Elhelyezett blokkok listában látható szám mutatja a tényleges oldalbeli pozíciót. Bezárt állapotban a fogantyúval átrendezhető; az új sorrend automatikusan mentődik.
- **Menüsorrend:** ha több blokk megjelenik a menüben, azok menüpozícióját is az oldalon beállított blokksorrend határozza meg. A Menüstruktúra panel bal oldali „Menüben lévő blokkok” listája a tényleges menü- és oldalsorrendet mutatja: ha itt sorrendezel, a menüpont helye és a blokk oldalbeli pozíciója is változik. Ugyanez fordítva is igaz: az Elhelyezett blokkoknál rendezett menüben lévő blokk a főmenü/almenü panelen is frissül. Normál menüpont innen húzható főmenünek vagy egy meglévő főmenü alá almenünek. A középső Főmenük oszlopban a főmenük kiválaszthatók, de a főmenük sorrendjét a bal oldali Menüben lévő blokkok lista és az Elhelyezett blokkok tényleges oldalsorrendje határozza meg. Már főmenü/almenü szerepű elemet előbb vissza kell állítani az X ikonnal; az almenük csak a lenyílóban jelennek meg.
- **Duplikálás és törlés:** a blokk másolható, ha a változat darabszámkorlátja engedi; törléskor a blokk és a hozzá tartozó mentett tartalom eltávolításra kerül.

Tartalmi mezők

### Tartalom szerkesztése

Az alábbi funkciók a kiválasztott változat tényleges, jelenlegi mezősémájából származnak.

#### A változat fő funkciói

- Csomagnév, leírás, ár, árutótag, szolgáltatáslista és gomb kezelése.
- Ismételhető árcsomagok és kiemelt ajánlat.
- A korlátozott regisztrációs változatban ajánlati szövegek és v1/v2 regisztrációs űrlap.
- Ismételhető árcsomagok.
- Kiemelt jelvény és kiemelt csomag.
- Név, leírás, ár, árutótag, szolgáltatások és CTA.
- Gombikon és hivatkozás.

Szövegek

#### Szövegek és leírások

Címek, leírások, feliratok és egyéb szöveges tartalmak.
- **Cím**Rövid szöveg vagy felirat.
- **Leírás**Többsoros szövegmező.

Bővíthető elemek

### Ismételhető tartalmi elemek

Az elemek hozzáadhatók, törölhetők és a fogantyúval átrendezhetők. A sorrend a nyilvános oldalon is érvényesül.

Ismételhető elem

#### Árcsomagok

Minden tartalmi elem egy árkártya. A kártyán belüli felsorolások külön hozzáadhatók és törölhetők. Az elemek gombjainál külön háttér- és feliratszín is megadható; üres értéknél a téma alap színei maradnak.

minimum 1 elem, maximum 12 elem.

##### Egy „Csomag” szerkeszthető adatai

- **Kiemelt csomag**Be- és kikapcsolható funkció.
- **Kiemelt jelvény**Rövid szöveg vagy felirat.
- **Csomag felirata**Rövid szöveg vagy felirat. Üresen hagyva a csomag felirata nem jelenik meg.
- **Csomag neve**Rövid szöveg vagy felirat.
- **Rövid leírás**Többsoros szövegmező. Üresen hagyva a rövid leírás nem jelenik meg.
- **Ár**Rövid szöveg vagy felirat. Üresen hagyva az ár nem jelenik meg. Nem csak szám írható be, szöveg is megadható, például: INGYENES.
- **Ár utáni felirat**Rövid szöveg vagy felirat. Üresen hagyva az ár utáni felirat nem jelenik meg. Ide kerülhet például: / hó, + ÁFA, egyszeri díj.
- **Áthúzott ár**Rövid szöveg vagy felirat. Opcionális régi vagy listaár. Nem csak szám írható be, szöveg is megadható. Üresen hagyva nem jelenik meg.
- **Áthúzott ár utáni felirat**Rövid szöveg vagy felirat. Az áthúzott ár utáni kisebb felirat. Üresen hagyva nem jelenik meg.
- **CTA gomb felirata**Rövid szöveg vagy felirat.
- **CTA gomb hivatkozása**Belső blokkazonosító, belső URL, külső URL, e-mail- vagy telefonhivatkozás. Választható kapcsolati űrlap, meglévő blokk vagy egyedi URL / horgony. A kiválasztott blokk átnevezésekor a hivatkozás követi az új slugot.
- **CTA gomb ikonja**Bootstrap ikon választása az ikonválasztóból vagy class megadásával.
- **Gomb egyedi háttérszíne**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Default állapotban a téma gombháttérszíne marad. Egyedi háttérszínnél az adott elem gombja ehhez igazított színátmenetet kap.
- **Gomb feliratának színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad. Default állapotban a téma gombfelirat-színe marad. Egyedi színnél az adott elem gombszövege és ikonja ezt a színt kapja.
- **Kiemelt jelvény színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Csomag felirata színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Csomag neve színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Rövid leírás színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Ár színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Ár utáni felirat színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Áthúzott ár színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.
- **Áthúzott ár utáni felirat színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.

##### Felsorolások

- **Ikon**Bootstrap ikon választása az ikonválasztóból vagy class megadásával.
- **Szöveg**Rövid szöveg vagy felirat.
- **Szöveg színe**Egyedi szín választása; üres/Default értéknél a téma alapstílusa marad.

Mozgás és megjelenés

### Animáció

A blokk belépési animációja külön kapcsolható. Az első két aktív helyen választható LCP-védelem csak a frontend futást függeszti fel, az adminban elmentett animációt, effektet és sebességet nem törli. A blokk harmadik vagy későbbi helyre mozgatva automatikusan újra animálódik. A rendszer kompozit tulajdonságokra épülő effektet használ, és tiszteletben tartja a csökkentett mozgás beállítást.

- Kapcsold be vagy ki az animációt az adott blokknál. A fejléc badge-e már összecsukott állapotban is mutatja az animáció állapotát.
- Válaszd ki az effektet, a sebességet, a késleltetést és – ahol elérhető – az elemek lépcsőzetes sorrendjét.
- Az első két aktív blokknál az LCP-védelem az ajánlott állapot. Sorrendváltáskor a rendszer Igen / Nem kérdéssel felajánlja, de az első két blokk Animáció részében később manuálisan is be- vagy kikapcsolható. Az animáció adminbeállítása minden esetben megmarad; harmadik vagy későbbi helyen automatikusan újra működik, és az „Animáció aktív” badge jelenik meg.
- Az animáció nem változtatja meg a blokk tartalmát vagy sorrendjét, csak a megjelenés módját.

### Használati javaslatok

- A három csomag szerkezete és szolgáltatáslistája legyen könnyen összehasonlítható.
- A csomagok közti különbséget rövid, összehasonlítható pontokkal mutasd meg.
- A kiemelt csomag valóban a legtöbb látogatónak ajánlott választás legyen.

## Kulcsszavak

- Árkártyák blokk
- Basic / Standard / Prémium
- arkartyak-blokk
- harom-csomag
- blokk változat