Personalizzare l'aspetto del builder
In breve
- Cosa ottieni
- Un builder con i colori e i testi del tuo negozio.
- Tempo
- 5 minuti
- Piano
- Tutti i piani
Prima di iniziare
Hai creato almeno una box (vedi Creare una box). Il builder è il riquadro che il cliente usa nel negozio per comporre la box.
L’aspetto si decide in due posti:
- nell’app, box per box: titolo, descrizione, colore accento, arrotondamento;
- nel Theme Editor, nel blocco del builder: impaginazione, schede prodotto, riepilogo e tutti i colori. Questi valori valgono per ogni box mostrata da quel blocco.
Font e stile generale arrivano dal tuo tema.
Nell’app: l’aspetto di una box
- Vai in Shopify Admin › App › IFG Build Your Box › Boxes e premi Modifica accanto alla box. Per una box nuova, sei già nel modulo Nuova box.
- Scorri fino alla sezione Aspetto.
- Nel campo Titolo builder scrivi il titolo che il cliente vede sopra il builder. Al massimo 80 caratteri. Per una box nuova parte da “Crea la tua box”.
- Nel campo Descrizione scrivi una frase sotto il titolo. Al massimo 240 caratteri. Parte da “Scegli i tuoi prodotti preferiti e componi la box.”
- Per il Colore accento, premi il quadratino colorato e scegli il colore, oppure scrivi il codice nel campo, per esempio #5c2d91 (è il valore di partenza). Il colore accento colora i prodotti scelti e la barra di avanzamento.
-
Nel campo Arrotondamento (px) scrivi un numero intero da 0 (angoli squadrati) a 24 (molto arrotondati). Parte da 12.
Cosa vedrai: l’Anteprima builder sotto i campi cambia subito: bordo e barra con il tuo colore, angoli con il tuo arrotondamento, il titolo, la descrizione, il numero di articoli e il prezzo.
- Salva con Crea come bozza (box nuova) o Salva modifiche (box esistente).
Nota: se lasci vuoto il Titolo builder, l’anteprima dell’app e il negozio mostrano il titolo standard del builder, «Componi la tua box» (nel negozio, nella lingua del negozio). La descrizione vuota non compare nell’anteprima, ma il negozio mostra “Scegli 3 prodotti e rendila tua.” con il tuo numero di articoli.
Nel Theme Editor: impaginazione e colori del blocco
- Vai in Shopify Admin › Negozio online › Temi e premi Personalizza sul tema attivo.
- Apri una pagina dove hai aggiunto il builder (vedi Aggiungere il builder al tema), per esempio la pagina prodotto di una box.
-
Nella colonna a sinistra, premi il blocco Build Your Box.
Cosa vedrai: a destra le impostazioni del blocco, divise in Layout, Schede prodotto, Riepilogo della box e Colori.
- Cambia le impostazioni che vuoi. L’anteprima del Theme Editor si aggiorna subito.
- Premi Salva in alto a destra.
L’elenco completo delle impostazioni del blocco, con i valori di partenza, è in Tutte le impostazioni.
Attenzione: nel blocco del Theme Editor, i campi Titolo, Descrizione e Colore accento prevalgono su quelli salvati nell’app, per tutte le box mostrate da quel blocco. Lasciali vuoti se vuoi che ogni box usi titolo, descrizione e colore impostati nell’app. Per l’arrotondamento, l’opzione Come impostato nell’app usa il valore della box.
Se qualcosa non va
Compare «Usa un colore esadecimale, ad esempio #5c2d91.» Il codice colore non è valido. Usa il formato # seguito da 6 caratteri tra 0-9 e a-f, oppure scegli il colore con il quadratino.
Compare «L’arrotondamento deve essere un numero intero tra 0 e 24.» Scrivi un numero intero, senza decimali, tra 0 e 24.
Ho cambiato il colore nell’app ma nel negozio non cambia. Nel blocco del Theme Editor è impostato un Colore accento: prevale su quello dell’app. Svuotalo e premi Salva.