Impostazioni di visibilità

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione di Company XYZ sulle impostazioni di visibilità
3. Documentazione Shopify sulla personalizzazione delle sezioni
4. Panoramica delle funzionalità dell’editor del tema nella documentazione Shopify

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usi queste impostazioni per decidere se una sezione appare su desktop, su mobile o su entrambi. Sono particolarmente utili quando desidera un layout mobile più semplice, una presentazione specifica per desktop o versioni separate dello stesso contenuto per dimensioni dello schermo diverse. Per un contesto su come funzionano le sezioni nell’editor del tema, veda documentazione Shopify sulle sezioni e i blocchi

Visibilità

Il controllo della visibilità le consente di mantenere una sezione visibile ovunque oppure nasconderla su desktop o su mobile. Questo le offre un modo pratico per adattare i layout delle pagine in base al dispositivo senza eliminare il contenuto dalla configurazione del tema.

Un uso comune è creare versioni alternative dello stesso contenuto per desktop e mobile. Ad esempio, potrebbe usare un layout più dettagliato sugli schermi più grandi e una versione più breve, più facile da scorrere, sugli schermi più piccoli. Può trovare maggiori dettagli nella fonte di riferimento per questo concetto di impostazione: documentazione Company XYZ sulle impostazioni di visibilità.

Nascondere una sezione su un dispositivo non crea automaticamente una seconda versione. Se desidera contenuti diversi per desktop e mobile, aggiunga versioni separate e imposti ciascuna in modo che appaia solo dove necessario.

Questa impostazione è più utile quando desidera:

1. Ridurre l’affollamento visivo sugli schermi più piccoli.
2. Mostrare un layout promozionale o informativo solo per mobile.
3. Mantenere una struttura più complessa per i visitatori da desktop.
4. Testare diverse presentazioni del contenuto in base al tipo di dispositivo.

Note sull’uso

1. Abbini le versioni alternative con attenzione. Se crea versioni separate per desktop e mobile, mantenga allineati messaggio e obiettivo in modo che l’esperienza resti coerente. Se ha bisogno di aiuto con i layout basati sulle sezioni, consulti documentazione Shopify sulla personalizzazione delle sezioni
2. Protegga i contenuti importanti. Quando nasconde una sezione su un dispositivo, si assicuri che il messaggio o l’azione chiave appaiano comunque altrove per quei visitatori.
3. Semplifichi per gli schermi più piccoli. Usi la visibilità specifica per mobile quando un layout più breve o più pulito aiuta i clienti a scorrere e ad agire più facilmente.
4. Controlli entrambe le viste del dispositivo. I controlli desktop e mobile possono influire in modi diversi su layout, allineamento, visibilità e comportamento dei media, quindi visualizzi entrambe le viste in anteprima dopo aver apportato modifiche. La documentazione Shopify sulla panoramica delle funzionalità dell’editor del tema può aiutarla a orientarsi tra le opzioni di anteprima e modifica.
5. Tenga presente lo stile di fallback. Lasciare un’impostazione vuota o al suo valore predefinito in genere preserva lo stile di fallback del tema, mentre scegliere un colore esplicito, un gradiente o un override dei media rende quell’area più indipendente.
6. Riveda le scelte dei media su entrambi i dispositivi. Se imposta media separati per desktop e mobile, controlli ritaglio, caricamento, fallback e leggibilità in modo che la sezione risulti comunque chiara su ciascuna dimensione dello schermo.