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

> Dodaj swoje logo, ustaw jego szerokość i wybierz kolor akcentu używany w Twoich dokumentach.

**Ustawienia › Branding** umieszcza logo i kolor akcentu Twojego sklepu na Twoich dokumentach. Ustawiasz je raz, a każdy szablon, który pokazuje logo lub kolor akcentu, z nich korzysta. Dotyczy to także szablonów, które dostałeś od Foliant. Podgląd na żywo obok pól pokazuje, jak wyglądają na przykładowej fakturze.

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

## Zanim zaczniesz

* Przygotuj logo w pliku JPEG, PNG, WebP lub AVIF o rozmiarze do 1 MB.
* Logo i kolor akcentu działają w każdym planie. Logo według kraju to część własnego brandingu, dostępnego od planu Starter. Zobacz [Plany i ceny](https://foliant-help.iforiti.com/pl/billing-and-plans/plans-and-pricing.md).

## Użyj logo i koloru ustawionych w Shopify

Podczas instalacji Foliant pobiera logo i główny kolor z ustawień marki Twojego sklepu w Shopify (**Ustawienia › Marka** w panelu administracyjnym Shopify). Dzieje się tak, jeśli je ustawiłeś, a nie ustawiłeś własnych w Foliant. Aby pobrać je ponownie później, otwórz **Ustawienia › Branding** i wybierz **Użyj mojego logo i koloru z Shopify**. Zastąpi to Twoje logo i kolor akcentu w Foliant.

## Dodaj logo i kolor

1. Otwórz **Ustawienia › Branding**. Możesz tu też przejść przez **Dostosuj branding** na stronie **Szablony** lub przez **Skonfiguruj branding** w przewodniku konfiguracji na stronie głównej.
2. W sekcji **Logo i kolor** upuść logo na pole **Logo** albo kliknij je, aby wybrać plik.
3. W polu **Szerokość logo (px)** wpisz szerokość drukowanego logo, od 50 do 400 px. Domyślnie to 240 px.
4. W polu **Kolor akcentu** wybierz kolor lub wpisz jego kod hex, na przykład `#1a73e8`. Jest używany w nagłówkach i liniach tabel. Domyślnie to czarny.
5. Sprawdź podgląd, a potem wybierz **Zapisz** na pasku zapisu.

Zapisanie brandingu kończy krok **Prześlij swój branding** w przewodniku konfiguracji na stronie głównej.

## Zmień lub usuń logo

* Aby użyć innego pliku, wybierz **Zastąp** obok logo, a potem **Zapisz**.
* Aby cofnąć wybrany, ale jeszcze niezapisany plik, wybierz **Usuń**. Wróci Twoje zapisane logo.
* Aby usunąć zapisane logo, wybierz **Usuń** obok niego. Działa to od razu, bez paska zapisu, i zobaczysz komunikat **Logo zostało usunięte**.

## Użyj brandingu we własnych szablonach

Szablony Foliant już pokazują Twoje logo i kolor akcentu. Jeśli piszesz własny kod Liquid, użyj tych zmiennych:

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

## Warto wiedzieć

* Szablony utworzone z projektu zachowują logo i kolory ustawione w tym projekcie. Zobacz [Przegląd projektów](https://foliant-help.iforiti.com/pl/designs/designs-gallery.md).
* Aby używać innego logo i koloru w zamówieniach do niektórych krajów, dodaj je w sekcji **Logo według kraju** na tej samej stronie. Zobacz [Logo według kraju](https://foliant-help.iforiti.com/pl/settings/logos-by-country.md).
* Jeśli logo jest za duże, zobaczysz komunikat **The file you tried to upload was too large (over 1MB)**. Zmniejsz plik i spróbuj ponownie.
* Jeśli Twój plan nie obejmuje już własnego brandingu, logo według kraju przestaną się drukować. Twoje własne logo i kolor akcentu nadal drukują się w każdym planie.

## Powiązane artykuły

* [Logo według kraju](https://foliant-help.iforiti.com/pl/settings/logos-by-country.md)
* [Przegląd szablonów](https://foliant-help.iforiti.com/pl/templates/what-are-templates.md)
* [Przegląd projektów](https://foliant-help.iforiti.com/pl/designs/designs-gallery.md)
* [Przegląd ustawień](https://foliant-help.iforiti.com/pl/settings/settings-overview.md)


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