Skip to main content
Design Aftersell Cart działa na dwóch poziomach: globalne ustawienia stylizujące cały koszyk oraz nadpisania per blok, które dopracowują pojedynczy blok.

​
Globalne ustawienia designu

Otwórz Cart settings z paska bocznego edytora, aby dotrzeć do globalnego designu koszyka. Ustawienia są pogrupowane w Design, Buttons i Layout.

​
Design

​
Buttons

​
Layout

​
Nadpisania designu per blok

Każdy blok poza Custom code ma własne nadpisania designu per blok na dole swojego panelu ustawień — zatytułowane Design w każdym bloku poza Express payments, którego nadpisania znajdują się w nieoznaczonych sekcjach Style i Spacing. (Custom code w ogóle nie ma panelu ustawień — blok jest kodem, więc pokazuje tylko kartę Code.) Kontrolują one styl, odstępy i inne ustawienia designu specyficzne dla bloku. Te ustawienia designu per blok, gdy są puste, wracają do globalnego ustawienia dla danej właściwości. Wiele bloków zawiera również sekcję Text w swoim panelu Design, w której możesz ustawić typografię dla konkretnych elementów tekstowych w tym bloku — rodzinę czcionek, rozmiar, wysokość linii i odstępy między znakami. Bloki z wieloma elementami tekstowymi (takie jak Notes i Empty cart) pokazują selektor Text element, który pozwala stylizować każdy z nich niezależnie.
Animowany podgląd panelu ustawień Design per blok w edytorze koszyka

​
Czcionki i pozycja szuflady

  • Czcionki: koszyk domyślnie dziedziczy czcionkę twojego motywu. Możesz ustawić niestandardowy krój dla wybranych elementów tekstowych (takich jak tytuł produktu i nagłówek upselli) w sekcji Text w ustawieniach Design każdego bloku — szczegóły zobacz w Bloku Cart items i Bloku Upsells.
  • Pozycja szuflady: szerokość szuflady jest regulowana (Desktop width, powyżej); nie ma ustawienia pozycji lewo/prawo.

​
Ustawienia działania

Poza stylizacją Cart settings zawiera też opcje działania — otwieranie szuflady po dodaniu do koszyka i selektory motywu utrzymujące synchronizację ze sklepem. Zobacz Ustawienia koszyka.

​
Kiedy zamiast tego użyć niestandardowego CSS

Wbudowane ustawienia pokrywają typowe przypadki. Do wszystkiego poza nimi — celowania w konkretny element, niestandardowych odstępów, poprawek responsywnych — użyj Niestandardowego CSS.