Skip to main content

Przegląd

Przycisk przyklejonego koszyka Upcart można zmieniać pod względem rozmiaru i pozycji za pomocą niestandardowego CSS. Dzięki temu możesz lepiej dopasować go do brandingu swojego sklepu lub preferencji dotyczących doświadczenia użytkownika na komputerach i urządzeniach mobilnych. Dostępne są dwa podejścia, w zależności od tego, jak dużej kontroli potrzebujesz.

Opcja 1: Skalowanie (prosta konfiguracja)

Ta metoda wykorzystuje pojedynczy współczynnik skali, aby proporcjonalnie zmniejszyć lub powiększyć przycisk i ikonę. To najprostszy sposób na dostosowanie rozmiaru przycisku przy minimalnej ilości kodu.

Gdzie to dodać

Przejdź do Upcart > Sticky Cart > Custom CSS i wklej poniższy kod.

Jak dostosować

  • Zmień transform, aby zmienić rozmiar przycisku (np. 0.8, 0.6, 1.25 itd.)

Opcja 2: Rozmiary w pikselach (zaawansowana kontrola)

Ta metoda pozwala kontrolować wymiary każdego elementu osobno za pomocą wartości w px. Użyj jej, gdy potrzebujesz precyzyjnych dostosowań, które nie opierają się na skalowaniu.

Jak dostosować

  • Dostosuj zmienne w :root, aby zwiększyć lub zmniejszyć rozmiar każdego elementu
  • Zmodyfikuj wartości left i top wewnątrz selektorów, aby wizualnie wyśrodkować ikonę i plakietkę

Potrzebujesz pomocy?

Jeśli nie masz pewności, która metoda jest dla Ciebie odpowiednia, lub potrzebujesz pomocy przy pisaniu niestandardowego CSS, zalecamy kontakt z ekspertem Shopify. Wsparcie Upcart nie pomaga bezpośrednio przy implementacji CSS. Zobacz ekspertów Shopify