Grazie per aver acquistato Sabor del Mar Hotel Template. Non vediamo l'ora di vedere gli incredibili siti web che svilupperai con esso. Usa questa pagina per familiarizzare con le basi e imparare a modificare pagine e componenti. Se hai qualche domanda, contattaci su support@thepapestielliz.com
Nozioni di base di Webflow per aiutarti ad iniziare a modificare il template
1
Per usare questo template nel miglior modo possibile, raccomandiamo un livello base o intermedio di comprensione del funzionamento di Webflow. Se sei un principiante, consulta le risorse qui sotto che ti aiuteranno ad ottenere il meglio da questo Hotel Template.
2
La Style Guide ti aiuterà a garantire una brand experience uniforme e la possibilità di cambiare rapidamente gli stili dei componenti principali in tutto il template.
Come gestire gli stili principali di questo template
1
Il Template Sabor del Mar usa i "Color Swatches", il che significa che è molto facile aggiornare i colori del sito a tuo piacimento.
Per fare questo, basta andare nella Style tab presente nella barra laterale a destra, poi scorrere fino a "Colors" nella sezione "Typography", e cliccando su qualsiasi colore, sarete in grado di vedere tutti i color swatches e modificarli per aggiornarli a qualsiasi colore necessario.
Note
2
Il template Sabor del Mar usa una tipografia formattata tenendo conto dei motori di ricerca e dell'accessibilità.
Ci sono solo due font utilizzati in tutto il template. Quello principale è impostato nel selettore Body (All Pages). Ti basta modificare questo selettore (come ad esempio il font) per applicare la modifica a tutto il tuo testo. Questo è un ottimo modo per settare il font principale in modo che possa rispecchiare il tuo brand.
3
Questo template usa VW come unità per le dimensioni dei Containers. Ciò significa che l'elemento container ha una full width (100%) che riempie completamente la viewport.
4
Le unità VH sono usate per definire l'altezza delle immagini in questo template. Sotto c'è un elenco delle classi che puoi usare per regolare l'altezza delle immagini in base alle tue preferenze. Basta aggiungere o cambiare la classe con una delle seguenti:
Altre cose da tenere a mente
1
Il template Sabor del Mar utilizza alcune classi globali per personalizzare ulteriormente l'aspetto del sito web nel miglior modo possibile. Ecco una lista delle principali "Global Classes" utilizzate:
Con l'uso di queste classi globali si ha un controllo completo sull'esperienza desktop vs. mobile. È particolarmente vantaggioso utilizzarle avere l'elemento Full Frame Image per desktop e mobile adattato alle tue esigenze.
2
La barra di navigazione in questo template è completamente personalizzata. Sono presenti 2 versioni diverse del logo: la versione completa e quella più corta. La versione più corta consta solo del logotipo (ossia solo il testo, senza loghetto) ed è mostrata nella versione mobile. Se desideri invece avere 1 solo logo sia per mobile che per desktop, esegui i seguenti passi:
Ci sono due tipi di "Navigation bar": light e dark. Entrambe sono simboli, il che significa che una volta modificate, le modifiche saranno applicate a tutte le barre di navigazione presenti nelle varie pagine del template.
Per modificare la versione dark della barra di navigazione, basta aprire una pagina in cui è presente solo la navigazione dark. Un esempio potrebbe essere la pagina 'La Struttura'.
Per modificare la versione light, invece, basta procedere così:
Cancella il simbolo "Navigation // Dark Symbol" dal Navigator
Edita la "Navigation // Light" come meglio preferisci
Aggiungi nuovamente la "Navigation // Dark" sulla pagina selezionandola dalla tab "Symbols"
Per una migliore organizzazione, metti entrambi i simboli uno sotto l'altro.
3
Attualmente il CMS contiene solo 3 camere. Ciò significa che nell'ultima sezione di ogni stanza, dove l'utente può continuare ad esplorare altre stanze, verrà visualizzata anche la stanza attuale. Una volta che verranno aggiunte più di 3 stanze nel template, sarà necessario filtrare la stanza corrente dalla lista per evitare che venga visualizzata lì.
il "Sort order" è impostato su "Random". Ciò significa che ogni volta che l'utente carica la pagina l'ordine delle stanze varierà.
4
Questo template ha un Popup incluso nella homepage. Può essere usato per inserire qualche annuncio destinato ai tuoi utenti, come i protocolli Covid-19. Il popup sarà mostrato ogni volta che l'utente atterra sulla homepage. Per cambiare la durata o il modo in cui il popup viene visualizzato, è necessario aprire l'interazione "Homepage Page Load". Questa interazione è attivata al caricamento della pagina nella homepage.
Puoi usare i cookies se vuoi mostrare il popup una sola volta (solamente la prima volta che l'utente atterra sul sito). Se mostri il Popup usando i cookies, non dimenticate di cancellarlo dall'interazione Homepage Page Load.
5
Questo template ha un form che permette all'utente di inserire la data di check-in e di check-out. Puoi collegarlo a un software di prenotazione esterno di tua scelta. Se vuoi che venga visualizzato un calendario per i campi 'Check-in' e 'Check-out', devi aggiungerlo mediante un embed code, dove c'è scritto <input type="date">.
6
Questo template è stato creato in modo da permetterti di modificarlo facilmente e adattarlo alle tue esigenze. Nel caso in cui tu voglia un sito web completamente personalizzato, fatto su misura ed interamente sviluppato in Webflow, puoi dare un'occhiata al nostro sito: sentiti libero di metterti in contatto con noi per una consulenza gratuita.
We would love nothing more than to share this wonderful place, where we grew up, with souls seeking solitude, adventure and inspiration for this busy world.
