Dynamiczne tło
Dynamiczne tło
W systemie caterings wprowadzona została funkcjonalność dynamicznego tła. Rozwiązanie to, daje nam możliwość ustawienia tła w kafelkach dań a odpowiednia konfiguracja zdjęcia umożliwia osiągnięcie bardzo ciekawych rezultatów.
Powyższe zdjęcie jest przykładową wizualizacją dynamicznego tła
Do osiągnięcia tego efektu użyliśmy zdjęć przedstawionych poniżej.
W panelu administratora w zakładce Konfiguruj markę wybieramy opcję Konfiguracja panelu klienta
Następnie zjeżdżamy poniżej do sekcji Konfiguracja zdjęć dań
Klikamy checkbox - Zastosuj tło do zdjęć dań i wybieramy tło za pomocą przycisku WYBIERZ
(Po prawej stronie na powyższym screenie przedstawione jest zastępcze zdjęcie dania, które pokazuje się na wszystkich
daniach, które nie mają ustawionego zdjęcia) – umieszczenie tego zdjęcia w tej sekcji nie jest wymagane do korzystania z
dynamicznego tła
Kolejny krokiem jest ustawienie odstępów zdjęcia posiłku względem obramowania całego kafelka zawierającego tło.
W tym celu należy przejść do zakładki Konfiguruj markę -> Wygląd panelu klienta i przejść do sekcji CSS
W polu konfiguracyjnym można używać styli CSS do edycji wyglądu panelu klienta –
aby edytować odstępy zdjęcia dania należy umieścić taki wpis:
- body .product-tile__image-inner{
- padding: 30px;
- }
gdzie:
Padding – to odległość, którą można edytować w zależności od potrzeb. Po wpisaniu zmiany i wciśnięciu przycisku ZAPISZ zmiany będą widoczne na panelu klienta.