Projektowanie banera
Tło, kolory, odstępy, przycisk zamykania i zamienianie całego paska w link.
Panel Design to ikona pędzla na pasku kreatora. Obejmuje wszystko, co dotyczy wyglądu paska, poza samymi elementami.
Ustawienia Design dotyczą całego paska, a nie pojedynczego elementu.
Appearance and background
Dział zatytułowany „Appearance and background”Trzy style tła:
| Styl | Co ustawiasz |
|---|---|
| Solid | Jeden kolor |
| Gradient | Kolor początkowy, kolor końcowy i kąt |
| Image | Obraz pokrywający pasek |
Colours
Dział zatytułowany „Colours”| Ustawienie | Czego dotyczy |
|---|---|
| Font | Krój pisma. Zostaw czcionkę motywu, chyba że pasek potrzebuje własnej. |
| Text | Kolor tekstu paska |
| Accent | Przyciski, kody rabatowe i odliczanie — chyba że któryś ma własny kolor |
Warto zrozumieć Accent. Ustaw go raz, a przycisk, obramowanie kodu i licznik podążą za nim. Nadaj elementowi własny kolor, a ten element przestanie go używać.
Close button and link
Dział zatytułowany „Close button and link”Dwie osobne rzeczy, obie dotyczą tego, co dzieje się, gdy kupujący wchodzi w interakcję z paskiem.
Close button
Dział zatytułowany „Close button”Włącz go, a na końcu paska pojawi się ×. Ustaw jego kolor i kolor po najechaniu.
Gdy kupujący zamknie baner, pozostaje on dla niego zamknięty — aplikacja zapamiętuje to w jego przeglądarce, więc baner nie pojawi się ponownie na kolejnej stronie.
Whole bar clickable
Dział zatytułowany „Whole bar clickable”Włącz tę opcję, a kliknięcie w dowolnym miejscu paska otworzy link ustawiony poniżej. Open in a new tab pozostawia Twój sklep otwarty w tle.
Kliknięcia przycisku lub kodu rabatowego w pasku nadal robią swoje — link paska ich nie przejmuje.
Jak elementy układają się w pasku.
| Ustawienie | Co robi |
|---|---|
| Alignment | Do lewej, wyśrodkowane, do prawej lub rozłożone |
| Gap between elements | Odstęp między elementami |
| Wrap on small screens | Włączone: wiersz zawija się do kolejnej linii, gdy zabraknie miejsca. Wyłączone: elementy się ściskają, co może obciąć długie wiadomości. |
Spacing
Dział zatytułowany „Spacing”Vertical padding to wysokość paska. Horizontal padding to margines na każdym końcu.
Cienki pasek wygląda jak komunikat; wysoki – jak sekcja strony. Większość pasków z ogłoszeniami powinna być cienka.
Custom CSS
Dział zatytułowany „Custom CSS”Na dole panelu Custom CSS (Developer Zone) przyjmuje reguły, które działają tylko wewnątrz tego banera. Nie mogą wpływać na resztę motywu.
Użyj go do rzeczy, których nie obejmują panele — cienia tekstu, odstępów między literami, innego obramowania jednego elementu.