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

# Biblioteka lokalizacji HTML Upcart

> Dowiedz się, gdzie w wysuwanym koszyku pojawi się niestandardowy HTML i JavaScript.

<div id="overview">
  # Przegląd
</div>

Upcart pozwala wstawiać HTML lub JavaScript w określone miejsca koszyka za pomocą edytora **Custom HTML**. Daje to pełną kontrolę nad układem, widocznością i treścią warunkową w obrębie doświadczenia koszyka.

Użyj tego przewodnika, aby zrozumieć, jak działa każda lokalizacja i gdzie pojawi się Twoja treść.

<div id="available-html-locations">
  ## Dostępne lokalizacje HTML
</div>

<div id="above-announcementsrewards">
  #### **Above announcements/rewards**
</div>

Renderuje się bezpośrednio pod nagłówkiem koszyka, przed wszystkimi modułami.\
Użyj tego, aby dodać komunikaty dla całej witryny, oznaczenia lub dynamiczne banery.

<div id="below-headerannouncementsrewards">
  #### **Below header/announcements/rewards**
</div>

Wyświetla się bezpośrednio po modułach ogłoszeń i nagród, tuż przed listą produktów.

<div id="between-each-line-item">
  #### **Between each line item**
</div>

Powtarza Twój HTML po każdym produkcie w koszyku.\
Idealne do pokazywania zastrzeżeń lub dodatkowych informacji o konkretnych produktach.

<div id="below-cart-items">
  #### **Below cart items**
</div>

Renderuje się pod listą produktów, po wszystkich pozycjach koszyka. Użyj tego do komunikatów, banerów lub niestandardowej treści, która powinna pojawić się pod produktami, ale nad upsellami i dodatkami.

<div id="above-footeradd-ons">
  #### **Above footer/add-ons**
</div>

Pojawia się pod listą produktów i upsellami, ale nad sekcją dodatków (Add-ons).\
Świetne do komunikatów prowadzących do ofert gwarancji lub ochrony przesyłki.

<div id="above-checkout-button">
  #### **Above checkout button**
</div>

Wyświetla się w obszarze stopki, tuż nad przyciskiem checkout i sumą częściową.\
Często używane do pokazywania rozbicia cen, informacji o wysyłce lub warunków.

<div id="below-checkout-button">
  #### **Below checkout button**
</div>

Również w stopce, umieszczone po przycisku checkout, a przed przyciskami płatności ekspresowych. Dodatki renderują się na górze stopki, znacznie powyżej tego miejsca.\
Przydatne do dodatkowych CTA lub informacji prawnych.

<div id="bottom-of-cart">
  #### **Bottom of cart**
</div>

Wyświetla się poza obszarem stopki, na samym dole wysuwanego koszyka.\
Nie dziedziczy koloru tła stopki.

<div id="on-empty-cart-screen">
  #### **On empty cart screen**
</div>

Pokazuje się tylko wtedy, gdy koszyk jest pusty.\
Wyświetla się bezpośrednio **pod** komunikatem „Your cart is empty” i nad modułem rekomendacji — przydatne na dodatkową linię tekstu lub link do kolekcji.

<div id="scripts-before-load">
  #### **Scripts (Before Load)**
</div>

Niewidoczne miejsce służące do uruchamiania JavaScript **przed** załadowaniem koszyka.\
Użyj go do definiowania zmiennych, ustawiania warunków lub modyfikowania zachowania Upcart.

* Wszystkie niestandardowe rozmieszczenia HTML są zarządzane w:\
  **Upcart > Cart Editor > Settings > Custom HTML**

<div id="visual-reference">
  ## Odniesienie wizualne
</div>

Aby jasno zrozumieć, gdzie każda lokalizacja renderuje się w koszyku, zapoznaj się z opisanym układem poniżej

<Frame>
  <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/html-locations-labeled-cart-drawer.gif?s=fd801e149233b51066ee15010556c375" alt="Opisany wysuwany koszyk Upcart pokazujący, gdzie renderuje się każda lokalizacja niestandardowego HTML" width="700" height="1080" data-path="images/upcart/html-locations-labeled-cart-drawer.gif" />
</Frame>