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

# Blok Image

> Blok Image w Aftersell Cart — wyświetlaj obraz lub hostowany preset, np. ikony płatności, wewnątrz cart drawera.

> Blok **Image** wyświetla pojedynczy obraz wewnątrz cart drawera (znak zaufania, grafikę promocyjną lub hostowany preset, np. pasek ikon płatności), aby dodać koszykowi wizualnej wiarygodności lub promocji — możesz przesłać własny obraz albo wstawić gotowy preset.

<Frame>
  <img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/cart-image-block-hosted-preset-asset.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=373a75d9fe7c6ed7d7a39950b57662bb" alt="Blok Image renderujący hostowany obraz lub zasób presetu wewnątrz cart drawera" width="686" height="234" data-path="images/aftersell/cart-image-block-hosted-preset-asset.png" />
</Frame>

<div id="behavior">
  ## Działanie
</div>

* Jeśli nie ustawiono ani obrazu, ani presetu, blok **niczego** nie renderuje w koszyku na żywo. W edytorze pokazuje placeholder „Add an image”, dzięki czemu blok pozostaje możliwy do zaznaczenia.

<div id="settings">
  ## Ustawienia
</div>

| Ustawienie     | Co kontroluje                                                                                                   | Domyślnie |
| -------------- | --------------------------------------------------------------------------------------------------------------- | --------- |
| **Image**      | Obraz do wyświetlenia (przesyłanie).                                                                            | Brak      |
| **Alt text**   | Dostępnościowy opis obrazu. Można tłumaczyć.                                                                    | Brak      |
| **Max height** | Ogranicza wysokość obrazu w pikselach. Obraz zmniejsza się, aby się zmieścić, i nigdy nie jest przycinany.      | Brak      |
| **Full width** | Rozciąga obraz od krawędzi do krawędzi na całą szerokość koszyka.                                               | Wyłączone |
| **Preset**     | Hostowany zestaw obrazów, który nadpisuje Twój przesłany plik. Obecnie jedynym presetem są **ikony płatności**. | Brak      |

Gdy wybierzesz preset, zastępuje on każdy przesłany obraz, a własny tekst alternatywny presetu jest używany, jeśli zostawisz pole Alt text puste.

<div id="placement-and-limits">
  ## Umiejscowienie i limity
</div>

* **Region:** dowolny (góra, korpus lub dół).
* **Maksymalnie:** 3 na stan koszyka — wypełniony koszyk i pusty koszyk mają osobne limity.
* **Stan:** zarówno wypełniony, jak i pusty koszyk.
* Nie jest dodawany domyślnie. Nie jest zablokowany — możesz go usunąć lub ukryć.

<div id="custom-template">
  ## Szablon niestandardowy
</div>

Obsługuje [szablon niestandardowy](/pl/aftersell/cart/custom-templates) z zakładki Code, który zastępuje wbudowany kod tego bloku Twoim JSX. Oto propsy, które otrzymuje.

| Prop        | Typ                   | Do czego służy                                                                          |
| ----------- | --------------------- | --------------------------------------------------------------------------------------- |
| `imageUrl`  | `string`              | Przesłany plik lub wybrany preset. Pusty, gdy żaden nie jest ustawiony.                 |
| `altText`   | `string`              | Tekst alternatywny obrazu.                                                              |
| `maxHeight` | `number` (opcjonalny) | Maksymalna wysokość w pikselach. Wyższe obrazy zmniejszają się, zachowując proporcje.   |
| `fullWidth` | `boolean`             | Od krawędzi do krawędzi: obraz zajmuje pełną szerokość koszyka, bez poziomego paddingu. |

<Note>
  `altText` może być pusty. Renderuj `alt=""`, zamiast pomijać atrybut, aby obraz był traktowany jako dekoracyjny. `maxHeight` i `fullWidth` to wartości, które zastosujesz we własnych stylach; szablon nie stosuje ich za Ciebie.
</Note>

<div id="design">
  ## Wygląd
</div>

Stylizuj ten blok za pomocą jego sekcji **Design** w panelu ustawień. Są to nadpisania na poziomie bloku, które nakładają się na Twój globalny design i wracają do niego, gdy pole jest puste.

Czym są ustawienia wyglądu? Dowiedz się więcej tutaj: [Ustawienia wyglądu](/pl/aftersell/cart/design-settings).