---
title: "Sablonok színvilága"
articleId: "templateColours"
lastEdited: "2026-01-08 11:09 UTC"
canonical: https://tamogatas.shoptet.hu/sablonok-szinvilaga/
breadcrumb: "Shoptet Támogatás / Beállítások / Megjelenés"
language: hu
---

# Sablonok színvilága

> **Tipp**
>
> **A [Sablontervező](https://tamogatas.shoptet.hu/sablontervezo/) funkció segítségével mostantól egyszerűen testreszabhatja üzlete megjelenését egyetlen helyről.**

Miután kiválasztotta a sablont a **Megjelenés és tartalom → Sablontervező** menüpontban, módosíthatja az egyes elemek színét.

Lépjen be a **Megjelenés és Tartalom → Szerkesztő**, **A megjelenés szerkesztője** könyvjelzőbe. Itt kedve szerint módosíthatja a színeket.

* **Konverziós szín**: olyan szín, ami a **Kosárba helyezés** gomb színezésére használatos
* **Konverzió szín hover állapot esetében**: az egeret rámozgatva teszi színessé a gombot
* **Sablon 1. színe**: a kategóriák, **Részletek** gomb, kosár ikonok és például a termék nevének színe
* **Sablon 2. színe**: az egeret rámozgatva megváltoztatja a Sablon 1. színét
* **Sablon 3. színe**: a **Keresés** gomb színe
* **Sablon 4. színe**: az egeret rámozgatva megváltoztatja a Sablon 3. színét

Ha az admin felületen előkészített színskálát kevésnek tartaná, a hexadecimális színkódokat is használhatja. Csak be kell írnia a színmezőbe.

![](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/hu/8623492170002-4ff90afec2918a7e31c69f9d08f91e6caa7e5bb0298818e1ce0c152731003bf6.png)

> **Infó**
>
> A hexadecimális kód kiválasztásához segédletként használhatja az [Adobe Színkört](https://color.adobe.com/cs/create/color-wheel/) is.