Personalizacja interfejsu
Dopasuj wyszukiwarkę do sklepu
Ustawienia panelu administracyjnego
Skonfiguruj wyszukiwarkę bez kodu
Zacznij od gotowych układów i ustawień w panelu. Dopasuj interfejs bez edycji szablonów i przebudowy konfiguracji wyszukiwania.
- Wybierz układ widgetu i strony wyników.
- Pokaż lub ukryj podpowiedzi, kategorie, produkty i podsumowanie faset.
- Steruj widocznością marki, cen, oznaczeń i CTA na kartach produktów.
- Zmień obsługiwane etykiety przycisków i tekst pomocy przy braku wyników.
- Zmieniaj kolejność dozwolonych sekcji i pól, gdy układ na to pozwala.
Personalizacja kart produktów
Wybierz kartę produktu lub zbuduj własną
Zacznij od szablonu standardowego albo poziomego. Pełną kontrolę daje własny HTML z Twoimi danymi, stylem i obsługiwanymi interakcjami.
Dołączone szablony kart
Wybierz standardową lub poziomą kartę odpowiednią dla danego miejsca w sklepie.
Kontrolowane ustawienia treści
Pokazuj, ukrywaj i porządkuj obsługiwane pola: markę, ceny, oznaczenia i CTA.
Zaawansowany szablon HTML
Zbuduj komponent ProductCard z bezpiecznego szablonu zgodnego z Mustache i udokumentowanych danych.
Dodatkowe pola i działania
Użyj zarejestrowanych miejsc na pola i znaczników data-kea-action dla obsługiwanych interakcji.
Interfejs dla programistów
Udokumentowana warstwa personalizacji
Agencje mogą stylizować i integrować wyszukiwarkę przez publiczne kontrakty, bez odtwarzania wygenerowanych elementów lub wewnętrznego stanu komponentów.
Publiczne klasy kea-*
Style semantyczne
Udokumentowane klasy obejmują wyszukiwarkę, wyniki, karty produktów, filtry i ich elementy semantyczne.
Zmienne motywu --kea-*
Ustawienia motywu
Zmienne sterują kolorami, typografią, odstępami, obramowaniem, siatką i proporcjami układu.
Znaczniki data-kea-*
Stany i interakcje
Tryby, widoki, ekrany, breakpointy, role i obsługiwane działania są dostępne przez udokumentowane znaczniki.
Klasy generowane przez framework są szczegółem implementacji. Publiczne klasy, zmienne, znaczniki i zdarzenia tworzą obsługiwany interfejs.
Tryb podglądu
Sprawdź zmiany przed publikacją
Zmień układ, karty produktów i styl w panelu, a następnie przetestuj sklep bez wpływu na to, co obecnie widzą klienci.
- Porównaj aktualny sklep z edytowanym podglądem.
- Sprawdź podpowiedzi, wyniki, filtry, karty produktów i układy responsywne.
- Usuń ostrzeżenia integracji lub szablonu przed aktywacją.
- Zastosuj albo odrzuć zmiany, gdy nowe rozwiązanie będzie gotowe.
