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:

  1. body .product-tile__image-inner{
  2. padding: 30px;
  3. }
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.
Czy odpowiedzieliśmy na Twoje pytanie? Dziękujemy za feedback Wystąpił problem podczas oceny artykułu.

Wciąż potrzebujesz wsparcia? Skontaktuj się z nami Skontaktuj się z nami