# PDF-fájl megjelenítése dinamikus widgetekkel

> Három mód a Média mezőben tárolt PDF kiírására: letöltés gomb, hivatkozás a Dynamic Fielddel és egyedi mezőformátum.

A Média mezőbe feltöltött PDF-et három módon jelenítheted meg a frontenden. Az első kettőhöz a Média mező értékformátuma **Média azonosító** (Media ID), a harmadikhoz **Média URL** legyen. Elementor (ingyenes változat) és az aktív JetEngine kell hozzá, az első módhoz ezen felül a JetElements bővítmény.

Ne kapcsold be a szükségesnél több widgetet: a bekapcsolt widgetek száma hatással lehet az oldal teljesítményére.

## 1. Letöltés gombbal

1. A bejegyzés Média mezőjébe töltsd fel a PDF-fájlt. A mező értékformátuma **Média azonosító**.
2. Nyisd meg a **Crocoblock → JetPlugins beállítások → JetElements → Widgetek és kiterjesztések** oldalt, és kapcsold be a **Download Button** (Letöltés gomb) widgetet.
3. A kívánt oldalon add hozzá a **Download Button** widgetet.
4. A **Download ID** legördülőben válaszd az **Egyedi mező** (Custom Field) lehetőséget, a megnyíló ablakban pedig azt a mezőt, amelyik a PDF-et tárolja.
5. Szükség esetén állítsd be a gomb szövegét a **Download Link Text** mezőben.
6. Közzététel után a gombra kattintva a fájl letöltődik.

## 2. Hivatkozásként

Ehhez telepítened kell a **Attachment link callback** kiegészítőt, amely ingyenesen letölthető a Crocoblock DevTools oldaláról. A Média mező értékformátuma itt is **Média azonosító**.

1. A kívánt oldalon add hozzá a **Dynamic Field** widgetet.
2. A **Forrás** (Source) legyen **Meta adatok**, a metamező pedig a létrehozott Média mező.
3. Kapcsold be a **Mező kimenetének szűrése** (Filter field output) kapcsolót.
4. A **Callback** mezőben válaszd a **Get attachment file link by ID** lehetőséget.
5. Közzététel után a megjelenő hivatkozásra kattintva megnyílik, illetve letölthető a PDF.

## 3. A PDF tartalmának kiírása egyedi mezőformátummal

Ez a mód csak a **Média URL** értékformátumot támogatja.

1. A kívánt oldalon add hozzá a **Dynamic Field** widgetet.
2. A **Forrás** legyen **Meta adatok**, a metamező pedig a Média mező.
3. Kapcsold be a **Mező kimenetének testreszabása** (Customize field output) kapcsolót.
4. A megjelenő **Field format** mezőbe írd be a következő kódot:

```html
<object>
    <a href="%s" target="_blank" rel="noopener">PDF letöltése</a>
</object>
```

5. Tedd közzé a sablont. A hivatkozásra kattintva a PDF új lapon nyílik meg, és onnan le is tölthető.

A `%s` jelöli a mező értékét, ezért mindenképp szerepeljen a kódban. A példa csak alap, igényeid szerint módosíthatod.