# A WooCommerce-sablonok áttekintése

> Mik a sablonok, hol találod a WooCommerce saját sablonjait, hogyan készíthetsz egyedit, és hogyan állíthatod vissza az alapot.

A sablon blokkok olyan elrendezése, amely több oldal, bejegyzés vagy termék kinézetét határozza meg. A téma az egész webhely arculatát adja, a sablon csak a szerkezetet és az elrendezést. A sablont a téma vagy egy bővítmény (például a WooCommerce) adja, de te is szerkesztheted a webhelyszerkesztőben. Ha módosítasz egy sablont, minden oldal változik, amely azt használja: az **Egy termék** sablon átalakítása például minden termékoldalra hat.

A WooCommerce a bolt oldalaihoz saját sablonokat hoz. Ezek blokkos témával szerkeszthetők, és ha a témád ugyanilyen sablont tartalmaz, az felülírja a WooCommerce alapját. A sablonok mellett a [sablonrészek](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-sablonreszek/) és a [blokkminták](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-mintak/) segítenek az újrahasználható elrendezések kialakításában.

## A WooCommerce-sablonok megkeresése

1. Nyisd meg a **Megjelenés → Szerkesztő** oldalt.
2. Kattints a **Mintasablonok** pontra.
3. A bal oldali listában válaszd a **WooCommerce** szűrőt.

![A mintasablonok listája a webhelyszerkesztőben, bal oldalt az Összes mintasablon, a Twenty Twenty-Five és a WooCommerce szűrő](./kepek/bolt-megjelenese-sablonok-lista.webp)

*A mintasablonok listája a webhelyszerkesztőben, bal oldalt az Összes mintasablon, a Twenty Twenty-Five és a WooCommerce szűrő* (https://minta-bolt.hu/wp-admin/site-editor.php?p=%2Ftemplate)

A képen a **Mintasablonok** lista látszik; a **WooCommerce** szűrő csak a bővítmény sablonjait mutatja.

Gyorsabb út a parancspaletta: a szerkesztőben nyomd meg a Cmd+K (Mac) vagy a Ctrl+K (Windows) billentyűket, és keress rá a sablon nevére. Ha egy sablont vagy sablonrészt éppen szerkesztesz, a tetején lévő sablonnévre kattintva is megnyílik a keresés.

## A WooCommerce sablonjai

| Sablon | Mit határoz meg | Részletek |
|---|---|---|
| Egy termék | Az egyes termékoldalak elrendezése | [A termékoldalak szerkesztése](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-termekoldal-sablon/) |
| Termék katalógus | A Bolt oldal és a terméklisták elrendezése | [A Termék katalógus sablon](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-katalog-sablon/) |
| Termékek kategóriánként, címkék, attribútum vagy márka szerint | A termékcsoportok archív oldalai | [Kategória, címke, attribútum és márka sablonok](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-archivum-sablonok/) |
| Termék keresési eredmények | A bolti keresés találati oldala | [A keresési találatok sablonja](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-kereses-sablon/) |
| Hamarosan indulunk | A „hamarosan nyitunk” oldal | [A „Hamarosan indulunk” sablon](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-hamarosan-sablon/) |
| Rendelés visszaigazolás | A vásárlás utáni köszönő oldal | [A rendelés-visszaigazolás sablon](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-visszaigazolas-sablon/) |
| Kosár | A kosár oldal elrendezése | [A Kosár blokk](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-kosar-blokk/) |
| Pénztár | A pénztár oldal elrendezése | [A Pénztár blokk](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-penztar-blokk/) |

A sablonokban a blokkokat átmozgathatod, és újakat is felvehetsz. Ha fejlesztő vagy, és a saját blokkos témádban felül akarod írni a WooCommerce sablonjait, a módosított változatokat a téma `/templates` mappájába tedd.

## Saját sablon készítése

Egyedi sablont bármelyik bejegyzéshez, laphoz, termékhez vagy kategóriához készíthetsz: a **Mintasablonok** lap tetején lévő **Sablonrész hozzáadása** gomb megnyitja a **Sablon hozzáadása** ablakot, ahol kiválasztod, mire vonatkozzon az új sablon.

![A Sablon hozzáadása ablak a választható sablontípusokkal, köztük az Egyetlen elem: Termék, a Termékek kategóriánként, a Termékek címkék szerint és a Termékek márka szerint](./kepek/bolt-megjelenese-sablonok-uj.webp)

*A Sablon hozzáadása ablak a választható sablontípusokkal, köztük az Egyetlen elem: Termék, a Termékek kategóriánként, a Termékek címkék szerint és a Termékek márka szerint* (https://minta-bolt.hu/wp-admin/site-editor.php?p=%2Ftemplate)

A képen a WooCommerce-es lehetőségek: **Egyetlen elem: Termék**, **Termékek kategóriánként**, **Termékek címkék szerint** és **Termékek márka szerint**. A lépéseket a megfelelő fejezetek írják le: [egy termék sablonja](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-termekoldal-sablon/) és a [kategóriasablon](https://hub.hellowp.io/hu/manuals/woocommerce/bolt-megjelenese/bolt-megjelenese-archivum-sablonok/).

## Módosítások visszaállítása

Ha egy sablonon elrontottál valamit, visszaállíthatod a téma vagy a WooCommerce eredeti változatát. A visszaállítás a sablon összes módosítását törli, és nem vonható vissza.

1. Nyisd meg a **Megjelenés → Szerkesztő** oldalt.
2. Kattints a **Mintasablonok** pontra.
3. Keresd meg a sablont, és kattints a kártya jobb alsó sarkában lévő három pontra (⋯).
4. Válaszd a visszaállítás parancsot.

Ugyanez a sablon megnyitása után is működik: a sablon neve melletti három pont (⁝) menüjében találod. A menü csak olyan sablonnál elérhető, amelyet már módosítottál.