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

# Ustawienie zerowej szerokości koszyka mobilnego do czasu wywołania przez Upcart za pomocą CSS

> Dowiedz się, jak za pomocą CSS ustawić szerokość koszyka mobilnego na zero, dopóki nie zostanie wywołany przez Upcart, dla czystszego i bardziej dopracowanego doświadczenia zakupowego.

⚠️ **Ważna informacja**

Ta personalizacja działa tylko z wersją 1 modułów koszyka Upcart. Jeśli niedawno przeprowadzono aktualizację koszyka do wersji 2, te personalizacje mogą nie działać. Musisz użyć nowych selektorów dla wersji 2 podanych w [przewodniku migracji.](/pl/upcart/upcart_v20_migration_guide)

Jeśli Twoje personalizacje nie działają zgodnie z oczekiwaniami, możesz samodzielnie przywrócić koszyk do wersji 1: w Cart Editor użyj listy rozwijanej **Cart version** u góry lewego menu i wybierz **V1.0 (Legacy)**. Lista rozwijana pojawia się, gdy każdy moduł w koszyku jest w wersji V2.

Obecnie pracujemy nad nowymi szablonami personalizacji dla wersji 2 modułów — będą dostępne wkrótce.

<div id="introduction">
  # **Wprowadzenie**
</div>

Witaj w tym poradniku CSS, w którym pokażemy Ci, jak ustawić szerokość koszyka mobilnego na zero, dopóki nie zostanie wywołany przez Upcart. To wygodny sposób, aby ukryć koszyk i uprościć mobilne doświadczenie zakupowe, dopóki klienci nie będą gotowi go zobaczyć.

Ten przewodnik jest przeznaczony dla właścicieli sklepów lub deweloperów z podstawową znajomością CSS. Dzięki tej personalizacji możesz trzymać koszyk poza zasięgiem wzroku i poprawić układ strony, ograniczając rozpraszacze i pomagając klientom skupić się na zakupach. To drobna zmiana, która może zrobić dużą różnicę w mobilnym doświadczeniu Twojego sklepu.

Zaczynajmy — spraw, aby Twój koszyk mobilny pracował mądrzej, a nie ciężej!

<div id="accessing-custom-css-settings">
  ## **Dostęp do ustawień niestandardowego CSS**
</div>

Aby rozpocząć dostosowywanie CSS dla Upcart, wykonaj następujące kroki:

1. Otwórz **aplikację Upcart** w swoim panelu.
2. Przejdź do **Cart Editor**.
3. Otwórz **Settings** i wybierz kartę **Custom CSS** (ukrytą za **More settings**, jeśli rząd kart się nie mieści).
4. Następnie skopiuj i wklej kod do pola CSS
5. Gdy skończysz, kliknij „Save” i odśwież stronę sklepu, aby zobaczyć efekty na żywo.

<div id="here-is-the-css-code-to-copy-and-paste-into-the-css-section">
  ## Oto kod CSS do skopiowania i wklejenia w sekcji CSS:
</div>

```
@media (max-width: 440px) {  
    .upcartPopupShow [class*="styles_CartPreview__right__"] {  
        width: 100%;  
        max-width: 440px;  
    }  
  
    [class*="styles_CartPreview__right__"] {  
        width: 0px;  
	max-width: 440px;  
    }  
}
```

<div id="conclusion">
  # **Podsumowanie**
</div>

I to wszystko! Wiesz już, jak zmienić szerokość koszyka mobilnego na zero do czasu wywołania go przez Upcart, tworząc czystsze i bardziej skoncentrowane doświadczenie zakupowe.

<div id="support-for-customizations">
  ## 🚧 Wsparcie dla personalizacji
</div>

Zespół wsparcia Upcart nie może pomagać we wdrażaniu niestandardowych rozwiązań CSS ani HTML w Twoim koszyku.

Jeśli potrzebujesz pomocy w zaprojektowaniu lub ostylowaniu czegoś niestandardowego, zalecamy konsultację z ekspertem Shopify:

[Zobacz ekspertów Shopify](https://www.shopify.com/partners/directory)