Skip to main content
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.
Blok Image renderujący hostowany obraz lub zasób presetu wewnątrz cart drawera

​
Działanie

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

​
Ustawienia

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.

​
Umiejscowienie i limity

  • 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ć.

​
Szablon niestandardowy

Obsługuje szablon niestandardowy z zakładki Code, który zastępuje wbudowany kod tego bloku Twoim JSX. Oto propsy, które otrzymuje.
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.

​
Wygląd

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.