Il sistema di prenotazione online di Clock PMS + può essere personalizzato affinché possa coincidere con lo schema colori del vostro sito web e conformarsi alle specifiche aziendali.
1. Selezione colori
Per configurare lo schema colori del vostro WRS avete bisogno di selezionare quattro colori. (Guardate l'esempio):
- Sfondo (nell'esempio: nero)
- Colore font (nell'esempio: bianco)
- Colore font pannello (nell'esempio: grigio chiaro)
- Barra del titolo del pannello e colore frame (nel'esempio: grigio scuro)
Il formato del colore deve essere:
HEX. Per esempio: #0000000000 per il nero, #FFFFFFFFFF per il bianco.
oppure
RGB. Ad esempio: rgb(0,0,0,0) per il nero, rgb(255,255,255,255) per il bianco.
Dopo aver scelto i colori, si può passare allo step successivo.
2. Generare i file CSS
Andate su https://www.bootstrap-live-customizer.com/version/3.3.2/. Inserite i colori nei campi qui sotto:
A. Sfondo
Inserite il colore dello sfondo in questi 3 campi:
- Sezione "Scaffolding", campo "@body-bg"
- Sezione "Modals", campo "@modal-content-bg"
- Sezione "Panels", campo "@panel-bg"
B. Colore font
Inserite il colore del font in questi 2 campi:
- Sezione "Scaffolding", campo "@text-color"
- Sezione "Scaffolding", campo "@link-color"
C. Barra del titolo del pannello e colore frame
Inserite il colore in questi 4 campi
- Sezione "Panels", campo "@panel-default-heading-bg"
- Sezione "Type", campo "@hr-border"
- Sezione "Panels", campo "@panel-default-border"
- Sezione "Tables", campo "@table-border-color"
D. Colore font del pannello
Inserite il colore nel campo seguente
- Section "Panels", field "@panel-default-text"
Quando compilate tutti i campi di cui sopra, cliccate su "Download" nella barra di navigazione in cima alla schermata e cliccate su 'bootstrap.min.css'. Salvate il file.
3. Caricare i file CSS nel WRS
Trovate il file scaricato, "theme.min"
- Accedete a Clock PMS
- Se gestite più di un hotel, selezionate l'hotel desiderato
- Nel menu principale selezionate "Web" - "Impostazioni - Sistema di prenotazione online"
- Trovate l'impostazione "Personalizza CSS"
- Cliccate su "Caricamento bootstrap.min.css" e selezionate il file "theme.min".
Fatto!
Aprite il vostro sito web per controllare che tutto sia come dovrebbe essere.
4. Cancellare o modificare lo schema colori personalizzato
Per cancellare uno schema colori personalizzato:
- Selezionate "Web" - "Impostazioni - Sistema di prenotazione online"
- Trovate l'impostazione "Personalizza CSS"
- Cliccate sul tasto "Rimuovi" per ciascun file
5. Cambiare uno schema colori personalizzato
Per cambiare uno schema colori personalizzato, rimuovetelo e successivamente create e caricate nuovi file come descritto sopra. Assicuratevi di cambiare il nome del nuovo file CSS, se necessario, cosicché non coincida con quello vecchio. Se il file CSS vecchio e quello nuovo hanno lo stesso nome, il sistema continuerà ad utilizzare quello precedente, nonostante sia stato caricato quello nuovo.