Skip to main content

Przegląd

Upcart pozwala zmieniać kolory używane w selektorach wariantów upselli za pomocą prostego niestandardowego CSS. To szybki sposób na dopasowanie wyglądu koszyka do Twojej marki i poprawienie doświadczenia klienta podczas wyboru produktu. To dostosowanie jest idealne dla właścicieli sklepów lub deweloperów z podstawową znajomością CSS.

Gdzie znaleźć edytor niestandardowego CSS

  1. Przejdź do Upcart > Cart Editor > Settings > Custom CSS
  2. Przewiń w dół do pola wprowadzania i wklej swój kod CSS
  3. Kliknij Save
  4. Odśwież swój sklep, aby zobaczyć zmiany na żywo

Przykładowy CSS do stylizacji selektora wariantów w V1.0

Przykładowy CSS do stylizacji selektora wariantów w V2.0


Jak dostosować

  • color: ustawia kolor tekstu
  • background-color: ustawia tło pola selektora wariantów
Możesz używać różnych typów wartości, takich jak:
  • Nazwane kolory (przykład: black, white, red)
  • Kody hex (przykład: #000000)
  • Wartości RGB (przykład: rgb(255, 0, 0))
Przykład:
Pozwala to stworzyć styl selektora wariantów, który albo wtapia się w wygląd Twojego sklepu, albo wyróżnia się i przyciąga uwagę.

Nadal potrzebujesz pomocy?

W przypadku dodatkowych dostosowań zalecamy współpracę z ekspertem Shopify. Może on pomóc w dodaniu HTML, CSS lub JavaScriptu do Twojego cart drawera. Zobacz ekspertów Shopify