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.