> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎨 Zgoda na pliki cookie - Design & Styling > ℹ️ **Note:** Ten artykuł został automatycznie przetłumaczony za pomocą AI i może zawierać nieścisłości. Jeśli coś wygląda źle, skontaktuj się z naszym zespołem wsparcia. Sekcja Design & Styling daje pełną kontrolę nad tym, jak twój baner cookie consent pojawia się w całym sklepie. Od szablonów i pozycjonowania do kolorów, typografii, ikon i stylizacji guzików, prawie każdy wizualny aspekt banera może być dostosowane do marki sklepu i stworzyć bardziej profesjonalne doświadczenie zgody. # **⚠️ Zanim zaczniesz** Aby uzyskać dostęp do ustawień Design & Styling: → Otwórz **GDPR EU Cookie Banner** → Otwórz **Ustawienia bannera** → Przejdź do **Projekt** tab 💡 Podgląd na żywo aktualizuje się automatycznie podczas dokonywania zmian, co pozwala dokładnie zobaczyć, jak baner pojawi się przed zapisaniem. --- ## **🎨 Szablony** Szablony zapewniają szybki sposób zastosowania kompletnej konstrukcji banera bez ręcznej konfiguracji każdego ustawienia. ### **Co to robi?** Stosuje się wstępnie zdefiniowaną kombinację: * Kolory tła * Kolory tekstu * Kolor przycisku * Kolory ikon Umożliwia to kupcom szybkie uruchomienie polerowanego projektu banera. --- ### **Dostępne szablony** Przykłady obejmują: * Las * Aqua * Alarm * Fioletowy * Niebieski * Ocean * Żółty * Czarny * Marynarka --- ### **Niestandardowy szablon** Szablon Custom zapewnia neutralny punkt wyjścia dla kupców, którzy wolą budować własny projekt od zera. 💡 Jest to często najlepsza opcja przy dopasowywaniu istniejącego przewodnika stylu marki. --- ## **👀 Widoczność** Kontrola widoczności, które urządzenia wyświetlają baner zgody Cookie. ### **Dostępne opcje** #### **Desktop & Mobile** Wyświetla baner na wszystkich urządzeniach. --- #### **Tylko pulpit** Wyświetla baner tylko na pulpicie. --- #### **Tylko mobilne** Wyświetla baner tylko na urządzeniach mobilnych. Może to być przydatne podczas testowania lub tworzenia specyficznych doświadczeń. --- ## **📍 Ustawienia pozycji** Sterowanie ustawieniami pozycji, gdzie baner pojawia się na pulpicie i urządzeniach mobilnych. --- ### **💻 Typ wyświetlacza pulpitu** Określa ogólny styl układu stosowany na urządzeniach pulpitu. #### **Pełny pasek** Wyświetla baner rozciągnięty na szerokość ekranu. Powszechnie używane do tradycyjnych banerów zgody cookies. --- #### **Karta float** Wyświetla baner jako mniejszą pływającą kartę. Tworzy to bardziej kompaktowy wygląd i zmniejsza zasięg ekranu. --- ### **📌 Pozycja pulpitu** Dostępne pozycje zależą od wybranego typu wyświetlacza. #### **Pełna pozycja paska** * Góra * Dół --- #### **Pozycja karty pływającej** * Górna lewa * Prawa górna * Środkowy * Lewa dolna * Dolny prawy --- ### **📱 Pozycja mobilna** Steruje, gdzie baner pojawia się na urządzeniach mobilnych. Dostępne opcje obejmują: * Góra * Środkowy * Dół 💡 Dolne umieszczenie jest często preferowane, ponieważ wydaje się mniej inwazyjne na mniejszych ekranach. --- ## **🎨 Styling kart** Karta Styling kontroluje wygląd samego pojemnika banera. --- ### **🖼️ Kolor tła** Kontroluje kolor tła banera. Możesz: * Wybierz kolor wizualnie * Wprowadź ręcznie kod Hex Pomaga to dostosować baner do marki sklepu. --- ### **⭕ Promień rogu** Steruje jak zaokrąglone narożniki banerów pojawiają się. Niższe wartości tworzą ostrzejsze narożniki, podczas gdy wyższe wartości tworzą łagodniejszy wygląd. --- ### **📐 Ustawienia granic** Dostosuj obrys banera. #### **Rozmiar granic** Kontroluje grubość granicy. --- #### **Kolor granic** Kontroluje kolor granicy. Subtelna granica może pomóc baner wyróżniać bez uczucia rozpraszania. --- ## **✍️ Typografia** Ustawienia typograficzne kontrolują, w jaki sposób tekst pojawia się na banerze zgody Cookie. --- ### **🔠 Rodzina czcionek** Steruje czcionką używaną we wszystkich tekstach transparentów. #### **Użyj czcionki motywu** Automatycznie pasuje do typografii używanej przez użytkownika Shopify Motyw. --- #### **Czcionki własne** Wybierz z obsługiwanego systemu i Google Fonts. Przykłady obejmują: * Roboto * Otwarte kanały * Montserrat * Poppins Przewodniczący Korzystanie z tej samej czcionki co twój sklep często tworzy najbardziej bezproblemowe doświadczenie. --- ### **📝 Tytuł Styling** Dostosuj tytuł transparentu. #### **Rozmiar tytułu** Kontroluje rozmiar czcionki tytułu. #### **Kolor tytułu** Kontroluje kolor tekstu tytułu. --- ### **📄 Opis** Dostosuj tekst ciała wyświetlany wewnątrz banera. #### **Opis** Kontroluje rozmiar czcionki. #### **Kolor opisu** Kontroluje kolor tekstu. --- ### **🔗 Polityka prywatności Link** Dostosuj wygląd łącza Polityka prywatności. #### **Rozmiar powiązania** Kontroluje rozmiar czcionki. #### **Kolor odnośnika** Kontroluje kolor łącza. Wybierz kolor, który pozostaje zauważalny przy jednoczesnym dopasowaniu ogólnego projektu. --- ## **🔘 Projekt przycisku** Te ustawienia kontrolują wygląd przycisków zgody. --- ### **🎨 Kolor przycisku** Kontroluje kolor tła przycisku. Jest to zazwyczaj jeden z najbardziej widocznych elementów konstrukcyjnych na banerze. --- ### **🔤 Stylizacja tekstu przycisku** Dostosuj wygląd tekstu przycisku. #### **Rozmiar tekstu** Kontroluje rozmiar czcionki przycisku. #### **Kolor tekstu** Kontroluje kolor czcionki przycisku. --- ### **⭕ Promień rogu** Steruje jak zaokrąglone narożniki guzików pojawiają się. Można to skonfigurować niezależnie od pojemnika na banery. --- ## **🎯 Ustawienia ikon** Ikony pomagają uczynić baner bardziej rozpoznawalnym wizualnie i angażującym. --- ### **🍪 Pokaż ikonę cookie banner** Włącza lub wyłącza wyświetlanie ikony obok zawartości banera. Po włączeniu, biblioteka ikon staje się dostępna. --- ### **🖼️ Wybór ikon** Wybierz jeden z różnych built- w ikonach. Przykłady obejmują: * Cookie * Tarcza * Zablokuj * Bezpieczeństwo * Informacje * Ustawienia * Powiadomienie * Ostrzeżenie * Lista kontrolna Różne ikony mogą pomóc podkreślić prywatność, bezpieczeństwo, zgodność lub ogólne informacje. --- ### **🎨 Kolory ikon** Dostosuj wygląd ikon banerów. #### **Zamknij kolor ikon** Kontroluje kolor przycisku zamykania. --- #### **Kolor ikon strzałek** Kontroluje kolor ikony strzałki. Korzystanie z kolorów uzupełniających pomaga utrzymać spójny projekt. --- ## **📏 Dostosowanie tekstu** Kontroluje jak zawartość jest wyrównana wewnątrz banera. ### **Dostępne opcje** #### **Lewo** Dopasowuje zawartość do lewej strony. --- #### **Centrum** Centra treści wewnątrz banera. --- #### **Racja.** Dopasowuje zawartość do prawej strony. 💡 Regulacja osiowania środka jest często najbardziej zrównoważoną opcją zarówno na pulpicie, jak i na urządzeniach mobilnych. --- ## **⚠️ Ważne uwagi** ### **Szablony Zastąp istniejące kolory** Wybór nowego szablonu automatycznie zastępuje aktualne ustawienia kolorów. Dla najlepszych wyników: 1. Wybierz najpierw szablon 2. Następnie zastosuj niestandardowe korekty kolorów --- ### **Opcje pozycji Zmień dynamicznie** Dostępne pozycje pulpitu zależą od wybranego typu wyświetlacza. Jeśli wybór pozycji zmienia się niespodziewanie, należy sprawdzić, czy wybrana jest karta Full Bar czy Float Card. --- ### **Ikony muszą być włączone** Biblioteka ikon pojawia się tylko wtedy, gdy: **Pokaż ikonę cookie banner** jest włączona. --- ### **Kontrola widoczności Urządzenia do wyznaczania celów** Jeśli baner pojawia się na jednym urządzeniu, ale nie na innym, weryfikuj wybrane ustawienia widoczności. --- ### **Podgląd na żywo Aktualizacje automatycznie** Panel podglądu odświeża się wraz ze zmianami, pomagając przeglądać projekt przed zapisaniem. --- # **🚀 Wynik końcowy** Po skonfigurowaniu: ✅ Baner Cookie Consent pasuje do marki sklepu ✅ Kolory, typografia i przyciski są zgodne z tematem ✅ Umieszczenie bannera jest zoptymalizowane dla pulpitu i mobilnego ✅ Ikony i stylizacja poprawiają jasność widzenia ✅ Odwiedzający otrzymują bardziej polerowane doświadczenie zgody ✅ Messaging zgodności wydaje się profesjonalny bez zakłócania doświadczenia w zakupach Dobrze zaprojektowany baner cookie Consent pomaga utrzymać zgodność przy jednoczesnym tworzeniu bardziej godnego zaufania i płynnego doświadczenia dla odwiedzających. 🍪 ---