Gli stili di pagina controllano il design visivo delle tue pagine di drop. Uno stile è a livello di account, quindi puoi riutilizzare uno stile in ogni drop oppure mantenere diverse variazioni.
Creare uno stile
Vai a Impostazioni e apri la scheda Stili di pagina, quindi fai clic su Crea nuovo stile. Si apre un modulo vuoto. Non c'è un selettore di percorso qui — parte sempre dalle impostazioni predefinite.
Due altri modi per ottenere uno stile senza compilare il modulo da zero:
- Duplica — ogni scheda stile nell'elenco Stili di pagina ha un pulsante Duplica. Clona quello stile come "nome (Copia)", che potrai poi modificare.
- Estrai da un sito web — questa opzione è presente solo nel passaggio Page Design della procedura guidata del drop, non nell'area Stili di pagina. Vedi Come estrarre stili da un sito web.
Per prima cosa, assegna allo stile un Nome dello stile. I nomi devono essere univoci; un segno di spunta o una croce accanto al campo ti dice se il nome è già stato utilizzato.
Il modulo (tre schede)
Il modulo ha tre schede: Colori, Tipografia e Pulsanti. Non c'è un riquadro di anteprima in tempo reale — solo una piccola miniatura del logo caricato.
Colori
I colori sono raggruppati:
- Base — Sfondo, Testo.
- Pulsanti — Sfondo, Testo.
- Secondario — Secondario, Testo secondario (pannelli, sezioni, aree di evidenza).
- Accento — un singolo colore di accento per i dettagli di evidenza.
- Attenuato — Attenuato, Testo attenuato (sfondi sottili, stati disabilitati).
- Altri elementi — Bordo, Sfondo timer, Testo timer.
- Logo — Colore logo, più un interruttore Sfondo logo (una sovrapposizione dietro il logo). Quando attivo, imposti il suo colore, l'opacità, il padding e lo stile degli angoli (quadrato o arrotondato).
Ogni colore apre uno strumento di selezione quando fai clic su il suo campione.
Tipografia
- Dimensioni dei caratteri — Display, Titolo, Sottotitolo, Corpo, Didascalia. Ognuna è un valore a testo libero, quindi puoi usare rem, px o un'espressione
clamp(). - Spessori dei caratteri — Display, Titolo, Corpo, ognuno da 100 a 900 (400 normale, 700 grassetto).
- Famiglie di caratteri — Font del titolo e Font del corpo, scelti da un elenco fisso (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Non c'è un controllo border-radius qui.
Pulsanti
Nonostante il nome, questa scheda contiene lo stile dei pulsanti più le impostazioni dell'hero, del logo e del prodotto.
- Aspetto pulsante — Forma (Arrotondato / Quadrato / Pillola), Stile (Solido / Fantasma), Stato al passaggio del mouse (Scurisci / Illumina al passaggio).
- Layout Hero — Allineamento verticale (Alto / Basso / Centro) e Allineamento orizzontale (Sinistra / Centro).
- Immagine logo — carica un'immagine logo e imposta la sua larghezza.
- Visualizzazione prodotto — Immagini di anteprima (Artwork / Prodotto / Foto in scena), Miniature (Artwork / Prodotto) e il Prodotto selezionato predefinito (Più piccolo / Più grande).
- Opzioni aggiuntive — interruttori per una Freccia verso il basso dell'intestazione (con testo personalizzato), un Avviso di inventario basso (con testo personalizzato) e una Visualizzazione del costo di spedizione (costi USA/Canada/Europa e Resto del mondo).
Salvataggio
Fai clic su Crea stile in alto a destra. (Quando modifichi uno stile esistente, il pulsante dice Aggiorna stile.) Lo stile viene salvato nella libreria Stili di pagina e diventa selezionabile nel passaggio Page Design di qualsiasi procedura guidata del drop.
Modifiche successive
Vai a Impostazioni → Stili di pagina, fai clic sul pulsante Modifica di uno stile, apporta le modifiche e fai clic su Aggiorna stile. Vedi Come modificare uno stile di pagina per i dettagli.