> ## 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.

# Branding

> Přidejte své logo, nastavte jeho šířku a zvolte barvu akcentu, kterou budou vaše dokumenty používat.

**Nastavení › Branding** umístí logo a barvu akcentu vašeho obchodu na vaše dokumenty. Nastavíte je jednou a použije je každá šablona, která zobrazuje logo nebo barvu akcentu, včetně šablon, které vám dal Foliant. Živý náhled vedle polí ukazuje, jak vypadají na ukázkové faktuře.

![Nastavení Branding](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Než začnete

* Připravte si logo jako soubor JPEG, PNG, WebP nebo AVIF o velikosti nejvýše 1 MB.
* Logo a barva akcentu fungují ve všech tarifech. Loga podle země jsou součástí vlastního brandingu, který je k dispozici od tarifu Starter. Viz [Tarify a ceny](https://foliant-help.iforiti.com/cs/billing-and-plans/plans-and-pricing.md).

## Použití loga a barvy nastavených v Shopify

Když Foliant nainstalujete, převezme logo a hlavní barvu z nastavení značky vašeho obchodu v Shopify (**Nastavení › Značka** v administraci Shopify), pokud jste je nastavili a v aplikaci Foliant jste nenastavili vlastní. Chcete-li je později převzít znovu, otevřete **Nastavení › Branding** a vyberte **Použít moje logo a barvu ze Shopify**. Tím nahradíte své logo a barvu akcentu ve Foliantu.

## Přidání loga a barvy

1. Otevřete **Nastavení › Branding**. Dostanete se sem také přes **Přizpůsobit branding** na stránce **Šablony** nebo přes **Nastavit branding** v průvodci nastavením na domovské stránce.
2. V části **Logo a barva** přetáhněte logo do pole **Logo**, nebo na něj klikněte a vyberte soubor.
3. Do pole **Šířka loga (px)** zadejte, jak široké bude logo při tisku, v rozmezí 50 až 400 px. Výchozí hodnota je 240 px.
4. V poli **Barva akcentu** vyberte barvu nebo zadejte její hex kód, například `#1a73e8`. Používá se pro nadpisy a linky tabulek. Výchozí barva je černá.
5. Zkontrolujte náhled a potom na liště pro uložení vyberte **Uložit**.

Uložením brandingu dokončíte krok **Nahrajte svůj branding** v průvodci nastavením na domovské stránce.

## Změna nebo odstranění loga

* Chcete-li použít jiný soubor, vyberte u loga **Nahradit** a potom **Uložit**.
* Chcete-li vrátit soubor, který jste právě vybrali, ale ještě neuložili, vyberte **Odstranit**. Vrátí se vaše uložené logo.
* Chcete-li smazat uložené logo, vyberte u něj **Odstranit**. Změna se projeví okamžitě, bez lišty pro uložení, a zobrazí se **Logo bylo odstraněno**.

## Použití brandingu ve vlastních šablonách

Šablony Foliantu už vaše logo a barvu akcentu zobrazují. Pokud píšete vlastní Liquid, použijte tyto proměnné:

```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>
```

## Dobré vědět

* Šablony vytvořené z designu si ponechávají logo a barvy nastavené v daném designu. Viz [Přehled designů](https://foliant-help.iforiti.com/cs/designs/designs-gallery.md).
* Chcete-li pro objednávky do některých zemí použít jiné logo a barvu, přidejte je v části **Loga podle země** na stejné stránce. Viz [Loga podle země](https://foliant-help.iforiti.com/cs/settings/logos-by-country.md).
* Pokud je logo příliš velké, zobrazí se **Soubor, který jste se pokusili nahrát, je příliš velký (přes 1 MB)**. Zmenšete soubor a zkuste to znovu.
* Pokud váš tarif už vlastní branding nezahrnuje, loga podle země se přestanou tisknout. Vaše vlastní logo a barva akcentu se tisknou dál ve všech tarifech.

## Související články

* [Loga podle země](https://foliant-help.iforiti.com/cs/settings/logos-by-country.md)
* [Přehled šablon](https://foliant-help.iforiti.com/cs/templates/what-are-templates.md)
* [Přehled designů](https://foliant-help.iforiti.com/cs/designs/designs-gallery.md)
* [Přehled nastavení](https://foliant-help.iforiti.com/cs/settings/settings-overview.md)


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