Il blocco del tema dà a una pubblicazione Integrata un posto visibile nella pagina prodotto di Shopify. Configuri cosa mostra in Composerie e controlli il suo ordine nel template del prodotto in Shopify.
Scegli il layout Integrato
Per una prima pubblicazione, seleziona Integrata nella schermata Pubblica del prodotto. Quella schermata usa i valori predefiniti della modalità; il precedente passaggio Configura e il selettore dei preset non ne fanno parte. Controlla i controlli di visualizzazione dettagliati nelle impostazioni del negozio del prodotto.
I controlli avanzati possono sostituire l’interfaccia delle varianti del tema, mostrare l’anteprima live, sostituire titolo e prezzo, aggiungere elementi di conversione e lasciare a Composerie l’azione di aggiunta al carrello. Attiva solo i controlli che hai provato con il tema.
Posiziona il blocco di Shopify
Usa la finestra di configurazione di Composerie per aprire il template del prodotto di Shopify. Tieni il blocco dentro il modulo principale del prodotto, vicino ai controlli di acquisto, e salva.
Personalizza lo stile del customizer in Composerie
Apri Customizer nella dashboard per impostare tema, colori del brand, font, pulsanti, layout e opzioni avanzate. Sul lato destro c’è un’anteprima live per desktop e mobile.
Usa CSS personalizzato
In Customizer, apri Avanzato e usa CSS personalizzato per piccole modifiche estetiche. Il CSS resta dentro la radice del customizer e ha un limite di 4000 caratteri.
Usa queste classi stabili invece delle classi di utilità generate:
| Selettore | Elemento |
|---|---|
.composerie-input | Testo e altri controlli di input |
.composerie-label | Etichette dei campi |
.composerie-textarea | Controlli di testo su più righe |
.composerie-select | Controlli a discesa |
.composerie-dropzone | Aree di caricamento delle foto |
.composerie-variant | Controlli di variante e materiale |
.composerie-addon | Singoli controlli degli add-on |
Per esempio, cambia il colore del bordo degli input di testo:
.composerie-input {
border-color: #2563eb;
}I selettori di aggiunta al carrello e di prezzo, i selettori ampi dei pulsanti e il CSS non sicuro vengono filtrati. Usa le impostazioni di aspetto per i pulsanti di acquisto e per i prezzi. Quando aggiorni il CSS, mantieni i selettori esistenti e prova i controlli interessati nell’anteprima live e nel negozio, sia su desktop sia su mobile, prima di pubblicare.
Dove cambio il layout integrato?
Scegli Integrata in Pubblica per una prima pubblicazione. Controlla i controlli di visualizzazione dettagliati nelle impostazioni del negozio del prodotto, poi verifica la pubblicazione interessata nel negozio.
Dove cambio colori e font?
Apri Customizer nella barra laterale di Composerie e usa Tema e Branding.
Devo attivare ogni controllo avanzato?
No. Attiva solo i controlli necessari al tuo tema e verifica ciascuno con una prova nel negozio.
Prossimo passo
Esegui la checklist dell’anteprima prima di pubblicare.