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.
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.
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.
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:
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).
Wklej fragment kodu z Twoim linkiem, na przykład:
<div style="text-align: center; padding: 8px;"> <a href="https://yourstore.com/sale" style="color: #ffffff; text-decoration: underline;"> Shop the sale → </a></div>
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.
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.
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.
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.
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:
<script> window.upcartSubscribeCartLoaded(function(event) { // Your countdown timer code here // event.cart contains the cart object with .items[], .total, .currency });</script>
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.
Czy ta strona była pomocna?
⌘I
Assistant
Responses are generated using AI and may contain mistakes.
