Skip to main content
⚠️ Ważna informacja Ta personalizacja działa tylko z wersją 1 modułów koszyka Upcart. Jeśli niedawno zaktualizowano Twój koszyk do wersji 2, te personalizacje mogą nie działać. Musisz użyć nowych selektorów przewidzianych dla wersji 2, opisanych w przewodniku migracji. Jeśli Twoje personalizacje nie działają zgodnie z oczekiwaniami, możesz też przywrócić koszyk do wersji 1 zamiast korzystać z wersji 2. Obecnie pracujemy nad nowymi szablonami personalizacji dla wersji 2 modułów — będą one dostępne wkrótce.

Omówienie

Jeśli zdjęcia produktów wyglądają w Upcart na rozciągnięte, ściśnięte lub przycięte, zwykle powodem jest konflikt stylów motywu. Niektóre motywy Shopify stosują globalne style obrazów, które wpływają na sposób wyświetlania zdjęć produktów w Upcart. Możesz naprawić ten problem, dodając krótką personalizację CSS bezpośrednio w ustawieniach edytora Upcart.

Jak to naprawić

Wykonaj poniższe kroki, aby zastosować personalizację CSS zachowującą proporcje zdjęć produktów.

Dostęp do ustawień niestandardowego CSS

  1. Otwórz aplikację Upcart z poziomu panelu Shopify.
  2. Przejdź do Cart Editor.
  3. Otwórz Settings i wybierz zakładkę Custom CSS. Settings to wiersz zakładek — jeśli nie widzisz Custom CSS, znajduje się za More settings.

Dodawanie CSS

  1. Skopiuj i wklej poniższy fragment CSS w polu Custom CSS:
  1. Zapisz zmiany.
  2. Odśwież swój sklep i otwórz Upcart, aby potwierdzić, że zdjęcia wyświetlają się teraz poprawnie.

Dlaczego tak się dzieje

Niektóre motywy Shopify stosują globalne reguły CSS, które zmieniają rozmiar lub przycinają obrazy w sposób wpływający na ich wygląd w aplikacjach zewnętrznych, takich jak Upcart. Te reguły mogą nadpisywać domyślne style Upcart i zniekształcać proporcje obrazów. Powyższy fragment CSS zapewnia, że zdjęcia produktów zachowują oryginalne proporcje i wyświetlają się poprawnie zarówno na komputerach, jak i na urządzeniach mobilnych.