Skip to main content

Przegląd

Jeśli chcesz zmienić rozmiar czcionki konkretnych elementów tekstowych w swoim koszyku (takich jak tytuły upselli czy opcje wariantów), możesz to zrobić za pomocą wbudowanego edytora Custom CSS w Upcart.

Krok 1: Zbadaj element

  1. Otwórz swój sklep i uruchom drawer Upcart.
  2. Kliknij prawym przyciskiem myszy element, którego rozmiar czcionki chcesz zmienić.
  3. Wybierz Inspect z menu kontekstowego przeglądarki, aby otworzyć narzędzia deweloperskie.
  4. Znajdź nazwę klasy elementu w panelu HTML.
    Przykład: upcart-item-option

Krok 2: Otwórz edytor niestandardowego CSS

  1. Przejdź do Shopify Admin > Apps > Upcart
  2. Otwórz Cart Editor
  3. Kliknij Settings
  4. Znajdź sekcję Custom CSS

Krok 3: Napisz swój niestandardowy CSS

W polu wprowadzania CSS:
  1. Zacznij od kropki (.), a po niej wpisz nazwę klasy
  2. Dodaj { font-size: 14px !important; } (lub żądany rozmiar)
Przykład:
💡 Uwaga: .upcart-item-option to klasa z V1. W V2 odpowiednikiem tekstu wariantu pozycji jest .upcart-public-component-product-tile__variant. Pełny zestaw znajdziesz w bibliotece selektorów CSS V2. Używaj !important tylko wtedy, gdy styl nie jest nadpisywany po zmianie.

Krok 4: Zapisz i przetestuj

  1. Kliknij Save w Cart Editor
  2. Odśwież stronę swojego sklepu
  3. Otwórz cart drawer i potwierdź, że rozmiar czcionki się zaktualizował
Jeśli tekst się nie zmienił, sprawdź ponownie nazwę klasy lub jeszcze raz użyj narzędzia Inspect w przeglądarce, aby potwierdzić, że celujesz we właściwy element.