# Foglalási példányok összekötése a Map Listing térképpel

> A foglalási példányok listájának összekapcsolása a JetEngine Map Listing térképével: lebegtetésre megnyíló térképi felugró ablak.

A foglalási példányok listáját dinamikus térképpel is összekapcsolhatod: ha a látogató a lista egyik elemére viszi az egeret, a térképen automatikusan megnyílik ugyanannak a tételnek a felugró ablaka. Szükséges: Elementor, JetEngine és JetBooking.

## 1. Listázási sablon

1. Készíts listázási sablont a foglalási példányok bejegyzéstípusához ([Foglalási példányok megjelenítése rácsban](https://hub.hellowp.io/hu/plugins/jet-booking/megjelenites-foglalasi-peldanyok-racsban/)), és a dinamikus elemekkel írd ki a tétel adatait.
2. Kattints a felső sáv fogaskerék ikonjára, nyisd meg a **Listing Item Settings** fület, és a **Listing Setting** szakaszban kapcsold be a **Make listing item clickable** kapcsolót.
3. A **Link source** listából válaszd az „Open Map Listing Popup on Hover” értéket.
4. Kattints a **Publish** gombra.

## 2. Map Listing sablon

Ugyanahhoz a bejegyzéstípushoz állíts be Map Listinget. A dinamikus elemekkel készítsd el a térképi pin fölé lebegtetéskor megjelenő felugró ablak tartalmát, majd kattints a **Publish** gombra.

## 3. Az oldal összeállítása

1. Nyisd meg az oldalt, ahol a két listát meg szeretnéd jeleníteni.
2. Az egyik oszlopba tedd a **Listing Grid** elemet, és válaszd ki az 1. lépésben elkészített sablont a **Listing** mezőben.
3. A másik oszlopba tedd a **Map Listing** elemet, és a **Listing** mezőben válaszd ki a térképi sablont.
4. Tedd közzé az oldalt.

A frontenden a listaelemre lebegtetve ugyanaz a tétel nyílik meg a térképen.