> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Arculat

> Adja hozzá logóját, állítsa be a szélességét, és válassza ki a dokumentumokon használt kiemelő színt.

A **Beállítások › Arculat** oldalon az áruháza logója és kiemelő színe kerül a dokumentumaira. Egyszer kell beállítania őket, és minden sablon, amely a logót vagy a kiemelő színt mutatja, ezeket használja, a Foliant által adott sablonokat is beleértve. A mezők melletti élő előnézet megmutatja, hogyan néznek ki egy minta számlán.

![Az Arculat beállításai](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Mielőtt elkezdené

* Készítse elő a logóját JPEG, PNG, WebP vagy AVIF fájlként, legfeljebb 1 MB méretben.
* A logó és a kiemelő szín minden csomagban működik. Az országonkénti logók az egyéni arculat részei, amely a Starter csomagtól érhető el. Lásd: [Csomagok és árak](https://foliant-help.iforiti.com/hu/billing-and-plans/plans-and-pricing.md).

## A Shopifyban beállított logó és szín használata

A Foliant telepítésekor az alkalmazás átveszi a logót és a fő színt az áruháza Shopify-beli márkabeállításaiból (**Beállítások › Márka** a Shopify adminban), ha ezeket beállította, és a Foliantban még nem adott meg sajátot. Ha később újra át szeretné venni őket, nyissa meg a **Beállítások › Arculat** oldalt, és válassza **A Shopify-logóm és -színem használata** lehetőséget. Ez lecseréli a Foliantban megadott logót és kiemelő színt.

## Logó és szín hozzáadása

1. Nyissa meg a **Beállítások › Arculat** oldalt. Ide eljuthat a **Sablonok** oldal **Arculat testreszabása** gombjával vagy a Kezdőlap beállítási útmutatójában az **Arculat beállítása** lépéssel is.
2. A **Logó és szín** részben húzza a logóját a **Logó** mezőre, vagy kattintson rá egy fájl kiválasztásához.
3. A **Logó szélessége (px)** mezőben adja meg, milyen szélesen nyomtatódjon a logó, 50 és 400 px között. Az alapértelmezett érték 240 px.
4. A **Kiemelő szín** mezőben válasszon egy színt, vagy adja meg a hexakódját, például `#1a73e8`. Ez a címsorokhoz és a táblázatvonalakhoz használatos. Az alapértelmezett szín a fekete.
5. Ellenőrizze az előnézetet, majd válassza a **Mentés** gombot a mentési sávban.

Az arculat mentésével teljesül a Kezdőlap beállítási útmutatójának **Töltsd fel az arculatodat** lépése.

## A logó módosítása vagy eltávolítása

* Másik fájl használatához válassza a logó melletti **Csere** gombot, majd a **Mentés** gombot.
* Egy éppen kiválasztott, de még nem mentett fájl visszavonásához válassza az **Eltávolítás** gombot. Ekkor visszatér a mentett logója.
* A mentett logó törléséhez válassza a mellette lévő **Eltávolítás** gombot. Ez azonnal érvénybe lép, a mentési sáv nélkül, és megjelenik a **Logó eltávolítva** üzenet.

## Az arculat használata saját sablonokban

A Foliant sablonjai már megjelenítik a logóját és a kiemelő színét. Ha saját Liquid-kódot ír, használja ezeket a változókat:

```liquid theme={null}
{% if shop_logo_url != blank %}
  <img src="{{ shop_logo_url }}" width="{{ shop_logo_width }}" alt="Logo">
{% endif %}
<h1 style="color: {{ shop_accent_color }}">Invoice</h1>
```

## Jó tudni

* A dizájnból készült sablonok megtartják az adott dizájnban beállított logót és színeket. Lásd: [Dizájnok áttekintése](https://foliant-help.iforiti.com/hu/designs/designs-gallery.md).
* Ha bizonyos országokba szóló rendelésekhez másik logót és színt szeretne használni, adja hozzá őket ugyanezen az oldalon a **Logók országonként** részben. Lásd: [Logók országonként](https://foliant-help.iforiti.com/hu/settings/logos-by-country.md).
* Ha a logó túl nagy, a **The file you tried to upload was too large (over 1MB)** üzenet jelenik meg. Csökkentse a fájl méretét, és próbálja újra.
* Ha a csomagja már nem tartalmazza az egyéni arculatot, az országonkénti logók nyomtatása leáll. A saját logója és kiemelő színe minden csomagban továbbra is nyomtatódik.

## Kapcsolódó cikkek

* [Logók országonként](https://foliant-help.iforiti.com/hu/settings/logos-by-country.md)
* [Sablonok áttekintése](https://foliant-help.iforiti.com/hu/templates/what-are-templates.md)
* [Dizájnok áttekintése](https://foliant-help.iforiti.com/hu/designs/designs-gallery.md)
* [Beállítások áttekintése](https://foliant-help.iforiti.com/hu/settings/settings-overview.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.