Salta ai contenuti

Titolo

Visualizza il titolo del prodotto con stile flessibile e pulsanti opzionali di condivisione o stampa.

Usa questo blocco per visualizzare il titolo del prodotto e, se necessario, aggiungere azioni rapide di utilità accanto ad esso. Aiuta a definire la priorità visiva dell’header del prodotto, mantenendo l’area facile da scansionare. Per un contesto più ampio sul funzionamento dei blocchi del tema, vedere documentazione Shopify sulle sezioni e i blocchi

La riferimento fornita dalla sorgente per questo blocco è disponibile in documentazione Company XYZ sul blocco Titolo.

Le impostazioni principali controllano quanto risulta evidente il titolo e se con esso vengono mostrate azioni di stampa o condivisione. Nella maggior parte dei layout, il titolo dovrebbe distinguersi chiaramente senza sovrastare il prezzo, le opzioni di acquisto o altri dettagli chiave del prodotto.

La dimensione del testo influisce su quanta attenzione attira il nome del prodotto. Le dimensioni più piccole funzionano bene nei layout prodotto più densi, mentre quelle più grandi si adattano a layout più semplici in cui il titolo deve guidare la pagina.

Il colore del testo dovrebbe prima di tutto favorire la leggibilità. Un valore vuoto, trasparente o con stile predefinito di solito mantiene lo stile circostante, mentre un colore esplicito conferisce a questo blocco un aspetto più autonomo. Scegliete un colore che resti chiaro rispetto allo sfondo circostante e non entri in competizione con le etichette vicine o con le call to action.

Print e share sono azioni di utilità opzionali. Attivatele quando corrispondono al modo in cui i clienti usano la pagina, ma tenetele disattivate se aggiungono elementi superflui senza un vantaggio chiaro.

La visibilità controlla quando questo blocco appare su dispositivi di dimensioni diverse. È utile quando create layout prodotto alternativi per mobile e desktop.

Nascondete il blocco su un dispositivo solo se il titolo del prodotto è comunque mostrato chiaramente altrove in quel layout. La guida alla visibilità fornita dalla sorgente si trova in documentazione Company XYZ su Impostazioni di visibilità.

Non nascondete questo blocco su mobile o desktop a meno che un altro titolo visibile non lo sostituisca per quella dimensione dello schermo.

  1. Stabilite una gerarchia chiara. Scegliete una dimensione del titolo che dia al nome del prodotto una forte visibilità senza spingere troppo in basso gli altri dettagli importanti.
  2. Dare priorità al contrasto. Usate un colore del testo che resti facile da leggere nel layout circostante del blocco.
  3. Limitare le azioni di utilità. Attivate la stampa o la condivisione solo quando queste azioni sono utili ai vostri clienti.
  4. Verificare i layout responsive. Controllate sia mobile sia desktop se usate i controlli di visibilità, poiché il titolo può presentarsi in modo diverso tra i breakpoint.
  5. Mantenere l’header focalizzato. Evitate di combinare troppe azioni, link o badge vicini con questo blocco.