Skip to main content

​
Wysokość

Ustawienie Height kontroluje, jak gruby jest pasek ogłoszeń. Oferuje trzy opcje: Slim, Normal i Thick. Slim sprawia, że drawer jest bardziej kompaktowy, zostawiając miejsce na zawartość koszyka — szczególnie przydatne na mniejszych ekranach. Normal plasuje się pomiędzy. Thick zapewnia większy nacisk wizualny, pomagając Twojej wiadomości wyróżnić się w oczach klientów.

​
Pozycja

Użyj ustawienia Position, aby wybrać, czy pasek ogłoszeń pojawia się Before products, czy After products wewnątrz cart drawera.
  • Before products umieszcza pasek na górze treści koszyka, bezpośrednio pod nagłówkiem.
  • After products umieszcza go na dole treści koszyka, tuż nad stopką — poniżej modułów notatek i upselli, jeśli te również są tam umieszczone.
Dwa koszyki Upcart porównujące pasek ogłoszeń umieszczony nad i pod produktami

​
Czas trwania licznika

Jeśli chcesz, aby ogłoszenie wygasało po określonym czasie, ustaw odliczanie w polu Timer duration. Przyjmuje format MM:SS — 05:00 dla pięciu minut, 00:30 dla trzydziestu sekund. Sekundy muszą mieścić się w zakresie 00–59; pole odrzuca wyższe wartości. Odliczanie działa tylko wtedy, gdy tekst ogłoszenia zawiera zmienną licznika. Gdy czas się skończy, cały pasek ogłoszeń zostaje automatycznie usunięty z koszyka.
Wbudowany licznik odliczający działa w ramach sesji i odlicza od ustawionej liczby minut. Nie obsługuje cyklicznych ani codziennych odliczań resetowanych o określonej godzinie (na przykład odliczania do 14:00 każdego dnia). Ta funkcjonalność nie jest obecnie dostępna w Upcart.

​
Tekst ogłoszenia

Ta sekcja pozwala wprowadzić i sformatować wiadomość wyświetlaną w banerze ogłoszeń. Możesz stylizować wybrane fragmenty tekstu za pomocą paska formatowania nad polem wprowadzania, który zawiera opcje pogrubienia, kursywy, podkreślenia i koloru. Przy stosowaniu koloru możesz użyć próbki color pickera albo wpisać lub wkleić kod hex (na przykład #DDDDDD) w polu tekstowym poniżej pickera. Otwarty selektor kolorów do stylizacji tekstu w edytorze tekstu ogłoszeń
Pole Announcement Text nie obsługuje hiperłączy — na pasku formatowania nie ma przycisku linku ani URL, a wklejone tagi <a> lub linki Markdown są usuwane przy zapisie. Aby ogłoszenie było klikalne lub zawierało link, użyj zamiast tego modułu Custom HTML (zobacz poniżej).
Ponieważ wbudowane pole Announcement Text nie renderuje hiperłączy, możesz zastąpić lub uzupełnić pasek ogłoszeń, wstrzykując link za pomocą Custom HTML:
  1. Przejdź do Upcart > Cart Editor > Settings > Custom HTML.
  2. Ustaw HTML Location na Above announcements/rewards (aby pojawił się nad paskiem ogłoszeń) lub Below header/announcements/rewards (aby pojawił się bezpośrednio pod nim).
  3. Wklej fragment kodu z Twoim linkiem, na przykład:
  4. Kliknij Save, a następnie przetestuj w swoim działającym koszyku.
Więcej o lokalizacjach Custom HTML i stylizacji znajdziesz w Custom HTML i Custom CSS. Zespół wsparcia Upcart nie pisze ani nie debuguje niestandardowego kodu — skontaktuj się z ekspertem Shopify, jeśli potrzebujesz pomocy w jego stworzeniu. Jeśli korzystasz z funkcji odliczania, wstaw zmienną licznika bezpośrednio do swojej wiadomości. Użyj {{timer}} dla koszyków V2 lub {TIMER} dla koszyków V1. Pole tekstu ogłoszenia ze zmienną odliczania licznika dodaną do wiadomości

​
Ważne

Pamiętaj, aby wpisać zmienną licznika ręcznie ({{timer}} dla V2, {TIMER} dla V1), zamiast ją kopiować i wklejać. Pozwala to uniknąć ukrytych problemów z formatowaniem, które mogłyby uniemożliwić prawidłowe wyświetlanie licznika w Twoim działającym koszyku.

​
Rozmiar czcionki

Możesz kontrolować rozmiar tekstu ogłoszenia za pomocą suwaka, z opcjami od 10px do 24px. Pomaga to zapewnić czytelność zarówno na urządzeniach mobilnych, jak i na komputerach.

​
Kolory

Background Color pozwala określić ogólny kolor wypełnienia paska ogłoszeń. Border Color pozwala dostosować poziome linie nad i pod banerem, aby uzyskać wygląd stylizowanego kontenera.

​
Zaawansowana konfiguracja licznika

Aby uzyskać dodatkową funkcjonalność, możesz użyć JavaScriptu do dostosowania licznika odliczającego. Dodaj swój skrypt w sekcji “Scripts (Before Load)”, a nie w module Custom HTML. To wymóg dotyczący momentu ładowania, a nie ograniczenie bezpieczeństwa — Custom HTML wykonuje skrypty, ale uruchamiają się one zbyt późno, aby niezawodnie podpiąć się pod zdarzenie ładowania koszyka. Sekcja “Scripts (Before Load)” uruchamia Twój kod przed załadowaniem koszyka, dzięki czemu callbacki takie jak upcartSubscribeCartLoaded działają prawidłowo. Przykładowy kod:
Uwaga dotycząca starszych wersji: window.upcartOnCartLoaded nadal działa, ale jest przestarzały i loguje ostrzeżenie w konsoli. Używaj upcartSubscribeCartLoaded we wszystkich nowych skryptach. Koniecznie dokładnie przetestuj umiejscowienie i składnię swojego kodu. Niektóre ograniczenia platformy mogą nadal wpływać na sposób przetwarzania skryptów.