Panoramica Design
Apri Booking Engine → Design per influenzare l’aspetto della barra di ricerca, del riepilogo prenotazione e dei filtri unità senza modificare PHP.
Variabili tema condivise
La grande area di testo Shared theme variables accetta righe Custom Property (variabili CSS) o piccole regole. Il plugin le inietta insieme agli stili preset così ricerca e riepilogo possono condividere colori, raggi o font coerenti.
Esempio (illustrativo):
--bec-brand: #1a365d;
--bec-radius: 8px;
Sezione barra di ricerca
| Controllo | Scopo |
|---|---|
| Layout style | Enhanced (intervallo date + popover ospiti) vs Classic (controlli separati). |
| Extra CSS | Regole libere sulle classi wrapper della ricerca — vedi Preset modulo di ricerca. |
Sezione riepilogo prenotazione
| Controllo | Scopo |
|---|---|
| Layout style | Layout desktop Default vs Compact. |
| Rate details accordions | Attiva pannelli Inclusions / Conditions quando il testo del preventivo li fornisce. |
| Extra CSS | Punta alla struttura DOM del riepilogo prenotazione. |
Unit filters — extra CSS
Option key: bec_styling_filters_extra_css
CSS libero per il markup [bec_unit_filters] (.bec-unit-filters*, pannelli picker, sheet servizi). Vedi bec_unit_filters e Listing Filters admin.
Sanificazione e sicurezza
I campi CSS passano da una sanificazione che blocca sequenze palesemente pericolose (come aperture HTML grezze nel textarea). Rispetta limiti di lunghezza ragionevoli — sposta fogli di stile enormi nel tema se necessario.