Skip to main content

Wprowadzenie

Witaj w tym poradniku dotyczącym dostosowywania szerokości koszyka mobilnego do Twoich preferencji! Dostosowanie szerokości koszyka na urządzeniach mobilnych może znacznie poprawić doświadczenie zakupowe Twoich klientów, zapewniając, że koszyk jest czytelny i wygodny w obsłudze na mniejszych ekranach. Ta personalizacja pozwala Ci kontrolować układ, dbając o to, aby płynnie wpasowywał się w ogólny projekt sklepu i zachowywał przejrzysty, uporządkowany wygląd. Te kroki są przeznaczone dla właścicieli sklepów lub deweloperów z podstawową znajomością CSS. Dostosowując szerokość koszyka mobilnego, możesz poprawić użyteczność i sprawić, że proces checkoutu będzie płynniejszy dla Twoich klientów, co może zwiększyć konwersje i zadowolenie klientów. Zaczynajmy — spraw, aby Twój koszyk mobilny wyglądał i działał dokładnie tak, jak chcesz!

Dostęp do ustawień niestandardowego CSS

Aby rozpocząć personalizację CSS w Upcart, wykonaj poniższe kroki:
  1. Otwórz aplikację Upcart w swoim panelu.
  2. Przejdź do Cart Editor.
  3. Otwórz Settings i wybierz zakładkę Custom CSS (ukrytą za More settings, jeśli wiersz zakładek się nie mieści).

Stosowanie niestandardowego CSS

Gdy znajdziesz się w sekcji Custom CSS, możesz zmienić szerokość koszyka mobilnego, wykonując poniższe kroki. Zmień wartość z 90% na dowolną liczbę — im większa liczba, tym więcej miejsca na ekranie zajmuje koszyk. (Uwaga: dotyczy to zarówno Upcart V1.0, jak i V2.0)
  1. Znajdź pole wprowadzania CSS.
  2. Skopiuj i wklej poniższy kod w polu wprowadzania CSS:

Podsumowanie

Dzięki temu poradnikowi udało Ci się dostosować szerokość koszyka mobilnego, czyniąc go bardziej przyjaznym dla użytkowników i spójnym z projektem Twojego sklepu. Te drobne zmiany mogą mieć duży wpływ na doświadczenie zakupowe Twoich klientów, ułatwiając im przeglądanie i kupowanie na urządzeniach mobilnych.

Nadal potrzebujesz pomocy?

Jeśli potrzebujesz pomocy przy personalizacjach, zalecamy skonsultowanie się z ekspertem Shopify w sprawie dodania HTML, CSS, a nawet JavaScriptu do Twojego cart drawer. Zobacz ekspertów Shopify