Gdzie znajduje się panel Ustawień
Panel Ustawień kreatora zawiera ogólnosklepowe kontrolki projektu i zachowania, które znajdują się poza pojedynczą sekcją. Otwórz kreator, a następnie w lewym pasku ikon kliknij ikonę koła zębatego (ikony flagi rynku, stron i wpisów znajdują się nad nią). Panel otwiera się w postaci zwijanych zakładek: Marka, Kolory, Czcionki, Układ, Animacje, Automatyzacje, Pola, Ikony, Ograniczenia, Kasa, Formularz kasy, Strona konserwacji, Niestandardowy CSS i Niestandardowy JavaScript. Każda zmiana jest wersją roboczą, dopóki nie naciśniesz Opublikuj w górnym pasku.
Ustawienia są zapisywane per rynek
Wszystkie te ustawienia są zapisywane per rynek, a nie raz dla całego sklepu. Podtytuł panelu brzmi "Ustawienia globalne [nazwa rynku]", aby pokazać, który rynek edytujesz. Najpierw przełącz rynki ikoną flagi, a następnie otwórz Ustawienia. W obrębie rynku ustawienia są globalne dla każdej strony.
Marka
Ta zakładka zawiera dwa zasoby graficzne (nie zawiera Twojego logo, które ustawia się w sekcji nagłówka, a nie tutaj):
- Favicon: mała ikona karty przeglądarki. Akceptuje PNG, JPEG, WEBP lub ICO (zalecane 32x32 lub 16x16).
- Obraz tła: opcjonalne ogólnosklepowe tło. Akceptuje PNG, JPEG lub WEBP. Po ustawieniu pojawiają się dwie dodatkowe kontrolki: Rozmiar (Pokryj lub Zmieść) oraz przełącznik Powtarzaj.
Kolory
Każdy rynek ma do dziewięciu schematów kolorów (minimum jeden). Każda sekcja, blok i komponent odwołuje się do schematu po jego numerze, więc edycja jednego schematu zmienia kolory wszystkiego, co go używa. Kliknij kartę, aby edytować jej kolory, kliknij prawym przyciskiem, aby Duplikować (zablokowane przy dziewięciu) lub Usunąć (zablokowane przy ostatnim schemacie), i przeciągnij, aby zmienić kolejność. Schemat definiuje kolory dla teł, nagłówków, tekstu głównego, linków, obramowań, konturów, cieni, przycisków podstawowych i drugorzędnych (ze stanami najechania) oraz pól formularzy.
Czcionki
Typografia przypisuje rodzinę czcionek do czterech ról:
- Tekst główny: akapity i ogólny tekst.
- Nagłówek: duże tytuły stron i sekcji.
- Podtytuł: tytuły drugorzędne i podtytuły sekcji.
- Akcent: dekoracyjne podkreślenie.
Selektor czcionek (z wyszukiwaniem) dzieli czcionki na Czcionki systemowe (ładują się natychmiast) i Czcionki niesystemowe (pobierane przez odwiedzającego, mogą spowolnić ładowanie). Użycie więcej niż jednej czcionki niesystemowej może obniżyć szybkość strony. Każda czcionka łacińska jest automatycznie sparowana z pasującą czcionką arabską, aby języki pisane od prawej do lewej renderowały się prawidłowo.
Układ
Jedna kontrolka: Szerokość strony, suwak od 900px do 1400px w krokach co 100px (domyślnie 1200). Jest to maksymalna szerokość treści tylko na dużych ekranach komputerów. Na telefonie szerokość zawsze wynosi 100%. Sekcje ustawione na pełną szerokość ignorują tę wartość i rozciągają się od krawędzi do krawędzi.
Animacje
- Odsłanianie przy przewijaniu: jak sekcje animują się przy wejściu w pole widzenia: Brak, Zanikanie, Wsuwanie w górę, Wsuwanie w lewo lub Powiększenie (domyślnie Wsuwanie w górę).
- Efekt powiększenia obrazów: przełącznik włączający powiększenie po najechaniu na obrazy produktów.
Automatyzacje
Jeden przełącznik: Autoodtwarzanie wideo. Po włączeniu bloki wideo zaczynają się odtwarzać samodzielnie. Ze względu na zasady przeglądarek pozostają wyciszone, dopóki odwiedzający nie wejdzie w interakcję ze stroną.
Pola (stylizacja pól formularzy)
Ta zakładka stylizuje każde pole formularza sklepu. Nie ma opcji koloru (kolory pól pochodzą ze schematu kolorów). Kontrolki to:
- Typ (Układ): Zwiń umieszcza każdą etykietę nad jej własnym polem, Rozwiń umieszcza jedną etykietę nad całym zestawem pól jak nagłówek.
- Ikony: Brak ukrywa ikony pól, Domyślne pokazuje je wewnątrz pola, Etykieta dołącza je do etykiety.
- Pozycja: Początek lub Koniec, pokazywana tylko gdy Ikony są ustawione na Domyślne.
Ikony
Jedna kontrolka: Grubość linii, grubość linii ikon interfejsu, ustawiana na Domyślną (normalna) lub Grubą (pogrubiona).
Ograniczenia
Ogranicz interakcje przeglądarki, aby utrudnić przypadkowe kopiowanie. Opcje ogólne: Kopiowanie tekstów i obrazów, Zaznaczanie tekstów i obrazów, Dostęp do menu kontekstowego (prawy przycisk myszy) oraz Inspekcja strony (usuwa zawartość strony, jeśli wykryto narzędzia deweloperskie). Osobna opcja nagłówka, Logo przekierowuje na stronę główną, sprawia, że logo nagłówka linkuje do strony głównej, gdy jest włączone, lub jest dekoracyjne, gdy wyłączone.
Kasa
- Metoda kasy: Dodaj do koszyka prowadzi kupujących przez szufladę koszyka, Szybka kasa pomija koszyk i przechodzi prosto do formularza zamówienia.
- Metoda drugorzędna: przełącznik, który dodatkowo oferuje przeciwną metodę jako opcję drugorzędną, więc sklep z szybką kasą może nadal pokazywać przycisk dodania do koszyka, i odwrotnie.
Formularz kasy
Ta zakładka steruje każdym polem formularza zamówienia. Każde pole to jeden wiersz, który możesz przeciągnąć, aby zmienić kolejność. Dla każdego pola ustawiasz:
- Status: Wyłączone (ukryte, usunięte z formularza), Włączone (pokazywane, ale opcjonalne) lub Wymagane (kupujący musi je wypełnić).
- Etykieta: widoczna nazwa pola (do 50 znaków).
- Tekst zastępczy: tekst podpowiedzi wewnątrz pustego pola (do 50 znaków).
Pola regionów (Dzielnica, Miasto, Stan, Gmina, Województwo) otrzymują też kontrolkę Typ (Pole dla swobodnego tekstu lub Lista dla rozwijanego menu), ale tylko gdy kraj aktywnego rynku ma opracowane dane lokalizacji. Dostępne pola obejmują imię i nazwisko, imię/nazwisko, firmę, płeć, datę urodzenia, adres, drugą linię adresu, numer dowodu, osiedle, dzielnicę, mieszkanie, piętro, kod pocztowy, miasto, stan, gminę, województwo, notatkę do zamówienia, prezent, e-mail, telefon, WhatsApp, link, kolor, wysyłkę i płatność. Ponieważ formularz jest per rynek, możesz wymagać numeru dowodu na jednym rynku, a ukryć go na innym.
Strona konserwacji
Ukryj sklep za stroną wstrzymującą podczas aktualizacji. Kontrolki: główny przełącznik Włączone (po włączeniu każda ścieżka pokazuje stronę konserwacji, nie tylko strona główna), Nagłówek (zwykły tekst, do 100 znaków), Komunikat (tekst sformatowany, do 500 znaków) oraz Schemat kolorów. Wyłącz Włączone, aby przywrócić sklep do trybu online.
Niestandardowy CSS i Niestandardowy JavaScript
Do zaawansowanych poprawek Niestandardowy CSS wstrzykuje Twoje własne style (do 1000 znaków), a Niestandardowy JavaScript wstrzykuje Twoje własne skrypty, takie jak śledzenie firm trzecich (do 1000 znaków). Oba stosują się do całego sklepu, więc używaj ich tylko, jeśli czujesz się swobodnie z kodem.