Elemento logo

Link in evidenza

1. Documentazione Shopify sulle sezioni e i blocchi
2. Documentazione Shopify sulla personalizzazione delle sezioni
3. Documentazione Company XYZ sulle impostazioni di visibilità

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usate questo blocco per aggiungere un logo o un’altra immagine del brand con testo opzionale e un link. È adatto per i loghi dei partner, gli elenchi di rivenditori, le certificazioni o le menzioni sulla stampa, quando l’immagine deve restare centrale ma un po’ di contesto aiuta comunque. Per una panoramica su come si inserisce nel tema, consultate documentazione Shopify sulle sezioni e i blocchi

Impostazioni di base

Iniziate con l’immagine, quindi impostate la sua larghezza massima in base a quanto il logo deve risultare prominente nel layout. Le larghezze minori in genere funzionano meglio nelle righe con più loghi, mentre le larghezze maggiori sono più adatte a elementi singoli in evidenza o a layout poco densi.

Se impostate Max image width su 0, l’immagine si espande fino a occupare tutta la larghezza disponibile del blocco. Può funzionare bene per layout stretti, ma può anche rendere disomogenee le righe con loghi misti se un elemento diventa visivamente dominante.

Usate Caption per una breve etichetta e Text content per un breve contesto di supporto. Mantenete entrambi concisi, così il logo resta il focus principale invece di competere con un paragrafo di testo.

Aggiungete un Link quando il logo deve portare i clienti a una destinazione utile, come una pagina del brand, una collezione o una landing page della campagna. Abilitate l’apertura del link in una nuova scheda solo quando mantenere la pagina corrente è davvero utile.

Consiglio

Quando più elementi logo compaiono insieme, puntate a un peso visivo simile invece che a dimensioni identiche. Loghi larghi e alti spesso richiedono impostazioni di larghezza diverse per apparire bilanciati uno accanto all’altro.

Impostazioni standard del blocco

Impostazioni di visibilità

Usate i controlli di visibilità per mostrare questo blocco su tutti i dispositivi, solo su desktop o solo su mobile. È particolarmente utile quando volete una disposizione dei loghi più semplice su schermi piccoli o avete bisogno di un numero diverso di loghi nei vari breakpoint. Per i dettagli di configurazione, consultate documentazione Shopify sulla personalizzazione delle sezioni

Per il comportamento condiviso di questo gruppo di impostazioni, consultate Impostazioni di visibilità.

Note sull’uso

1. Usate file logo puliti. Scegliete immagini con buon contrasto e con poco spazio bianco integrato, così si allineano in modo più ordinato con gli altri elementi logo.
2. Bilanciate visivamente la dimensione del logo. Regolate la larghezza in base a quanto appare grande ciascun logo, non solo facendo combaciare i valori pixel tra i file.
3. Mantenete il testo breve. Usate solo la caption o un breve testo di supporto che aiuti a identificare o chiarire il logo.
4. Collegate in modo intenzionale. Inviate ogni logo a una destinazione pertinente che aiuti i clienti a continuare la navigazione o a saperne di più.
5. Controllate la composizione su mobile. Se alcuni loghi risultano troppo compressi o ridondanti su schermi piccoli, usate le impostazioni di visibilità per semplificare il layout.
6. Verificate entrambi i breakpoint. Le impostazioni desktop e mobile possono produrre allineamento, visibilità e comportamento media diversi, quindi controllate entrambe le viste dopo aver apportato modifiche.
7. Fate attenzione alle sostituzioni dei media. Lasciate colori o opzioni media ai valori predefiniti quando volete che il blocco erediti lo stile circostante; le sostituzioni esplicite fanno risaltare di più l’elemento logo e possono cambiare quanto risulta leggibile nella riga.