Skip to main content
⚠️ 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. 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.

Wprowadzenie

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!

Dostęp do ustawień niestandardowego CSS

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.

Oto kod CSS do skopiowania i wklejenia w sekcji CSS:

Podsumowanie

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.

🚧 Wsparcie dla personalizacji

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