# Képrétegek: a termékkép összeállítása mintákból

> Átlátszó PNG-rétegekkel és Minta mezőkkel élőben változó, többrétegű termékkép.

A **Minta** mezőkkel a termék főképét rétegekből állíthatod össze. Minden minta egy színes változata a termék egy részének, és a kiválasztásakor a főkép azonnal frissül, így a vásárló előre látja az eredményt.

## Mire jó a rétegezés

Vegyünk egy sportcipőt négy részből: talp, csíkok, orr és fűző. Mindegyik négy színben kapható. Ha minden kombinációhoz külön képet kellene készíteni, 4 × 4 × 4 × 4 = 256 képre lenne szükség. Rétegezéssel elég részenként és színenként egy kép, vagyis összesen 16.

A vásárló választásait a bővítmény egymásra teszi. A kosárba tételkor a kiválasztott rétegek mentődnek, és a kosárban a vásárló egyedi konfigurációját mutató bélyegkép jelenik meg.

## A képek előkészítése

- Átlátszó hátterű PNG fájlokat használj.
- A termék főképe az alapkép. A példában ez a cipő teljes képe.
- Minden cserélhető részből és színből készíts önálló képet, átlátszó háttéren. Például a talp lila változata külön kép.
- Minden rétegkép mérete egyezzen a főkép méretével, különben a rétegek elcsúsznak.

## A Minta mezők felvétele

Minden cserélhető részhez külön **Minta** mezőt vegyél fel. A cipős példában négyet: talp, csíkok, orr és fűző.

1. Nyisd meg a terméket, és a **Termék adatok** panelen válaszd a **Product Add-Ons** fület.
2. Vegyél fel egy mezőt, és a **Mező típusa** listában válaszd a **Minta** típust.
3. A **Beállítások** fülön kattints az **Opció hozzáadása** gombra. Egy minta egy színt vagy változatot jelent.
4. Töltsd fel a színhez tartozó átlátszó PNG-t a sor képhelyőrzőjével. A kék talp mintájához például a kék talp képe kerül.
5. Ha színblokkot is szeretnél a mintán, a **Szín** oszlopban add meg a színt. Ha üresen hagyod, a minta a feltöltött képet mutatja.
6. Írd be a **Címke** oszlopba a minta nevét, például „Kék”.
7. Ha az adott rétegváltozat felárat jelent, add meg az **Ár** oszlopban.
8. Ismételd meg minden színnél, majd minden további résznél.

A Minta mező beállításait a [Kiválasztás, Minta, Szöveg, Szövegmező és Feltöltés mező](https://hub.hellowp.io/hu/plugins/product-extras-for-woocommerce/mezotipusok-kivalasztas-szoveg-feltoltes/) fejezet írja le részletesen.

## A rétegezés bekapcsolása

A **Minták** fülön kapcsold be a **Képek rétegezése?** beállítást minden Minta mezőnél. Ezzel a minták képei egymásra rétegződnek a főképen. Mentés után a termékoldalon a minta kiválasztásakor a főkép azonnal változik.

Ha a színmintákat a rétegezett kép létrehozása előtt át kell méretezni az alapkép méretére, kapcsold be a **Színminta rétegének átméretezése** beállítást a **WooCommerce → Beállítások → Termékkiegészítők** oldalon, lásd a [Beállítások](https://hub.hellowp.io/hu/plugins/product-extras-for-woocommerce/beallitasok/) fejezetet.