Salta ai contenuti

Riga

Aggiungi una riga a fisarmonica comprimibile con contenuti flessibili, media opzionali e link di call to action chiari.

Usa il blocco Row per aggiungere un singolo elemento comprimibile a una fisarmonica. Funziona bene per FAQ, dettagli sulla spedizione, istruzioni per la cura, riepiloghi delle politiche o qualsiasi altro contenuto che debba restare disponibile senza occupare troppo spazio.

Puoi inserire il contenuto direttamente nel blocco oppure richiamarlo da contenuti esistenti. Per un riferimento più ampio alle funzionalità, vedi la guida al blocco accordion. Per una panoramica Shopify di come funzionano i blocchi nell’editor del tema, vedi documentazione Shopify su sezioni e blocchi

Le impostazioni principali definiscono il contenuto e il comportamento della riga. Puoi controllare se la riga si apre all’inizio, aggiungere un titolo personalizzato, includere un’icona opzionale del titolo e decidere se il corpo usa rich text manuale o contenuti collegati.

Se assegni sia un articolo del blog sia una pagina, la pagina sostituisce l’articolo del blog. Questa scelta rende l’impostazione della pagina una buona opzione quando vuoi una sostituzione rapida senza modificare il resto del blocco.

Quando usi contenuti collegati, l’opzione excerpt è utile se vuoi un riepilogo più breve invece del testo completo del corpo. Questa soluzione è più efficace quando gli excerpt sono già scritti in modo chiaro e coerente. Per i dettagli di configurazione sui contenuti collegati, vedi documentazione Shopify sui metafield e le origini dinamiche. Per saperne di più sugli excerpt, vedi Excerpts.

Usa il campo contenuto del blocco quando ti serve il controllo completo su testo e formattazione. Usa i contenuti collegati quando vuoi che la riga resti sincronizzata con contenuti che già gestisci altrove.

Puoi aggiungere un pulsante manuale oppure mostrare automaticamente un link al contenuto collegato. Il link automatico è utile quando la riga funge da anteprima, mentre un pulsante manuale ti offre più controllo sulla destinazione e sulla call to action.

Scegli uno stile di pulsante che corrisponda all’importanza dell’azione. I pulsanti a larghezza completa su mobile possono essere più facili da toccare, soprattutto quando la riga contiene testo o media più lunghi.

Se usi un’icona nel titolo o nel pulsante, mantienila semplice e coerente. Per aiuto sulla formattazione delle icone, vedi Icons.

Questo gruppo ti permette di aggiungere media visivi opzionali alla riga. Puoi collocare le immagini sopra o sotto il testo a seconda che il contenuto visivo debba introdurre l’argomento o supportarlo dopo il contenuto scritto.

Un’immagine è di solito la scelta migliore per righe informative brevi. Il video è più efficace quando il contenuto richiede una dimostrazione, movimento o una spiegazione visiva più forte.

Puoi usare un video ospitato o un URL di un servizio video supportato. Se usi un video ospitato, aggiungere un’immagine poster di solito crea una prima impressione più pulita prima dell’inizio della riproduzione.

L’autoplay può rendere la riga più dinamica, ma funziona meglio con video brevi che abbiano ancora senso senza audio. Il loop può essere adatto a clip ambientali o dimostrative, mentre i controlli del lettore sono migliori quando i visitatori potrebbero voler mettere in pausa, rivedere o scorrere il video.

Per indicazioni sulla configurazione dei video, vedi Using video.

Le impostazioni del rapporto d’aspetto aiutano i media a rimanere visivamente coerenti tra più righe. Usa un rapporto condiviso quando vuoi che la fisarmonica appaia ordinata, e usa il rapporto predefinito quando preservare la forma originale del media è più importante dell’uniformità.

Il rapporto d’aspetto mobile è utile quando un ritaglio desktop non si adatta bene a schermi più piccoli. È particolarmente utile per media in verticale o elementi visivi con dettagli importanti vicino ai bordi.

Le impostazioni di visibilità controllano se questo blocco appare su desktop, su mobile o su entrambi. Questo è particolarmente utile quando vuoi una fisarmonica mobile più semplice o un’enfasi diversa dei contenuti in base al dispositivo.

Per i dettagli, vedi Impostazioni di visibilità.

  1. Scrivi titoli chiari. Rendi il titolo di ogni riga abbastanza specifico da permettere ai visitatori di decidere se espanderla.
  2. Scegli un metodo principale per i contenuti. Usa i contenuti collegati per il riutilizzo e gli aggiornamenti centralizzati, oppure rich text manuale per un controllo più preciso all’interno del blocco.
  3. Usa i media con uno scopo. Aggiungi immagini o video solo quando aiutano a spiegare la riga, non solo per rendere la fisarmonica più piena.
  4. Mantieni focalizzate le azioni. Se aggiungi un pulsante, assicurati che la sua destinazione aggiunga valore oltre al semplice aprire il contenuto della riga.
  5. Controlla entrambi i viewport. Verifica separatamente desktop e mobile, così allineamento, visibilità e ritagli dei media continuano a funzionare come previsto su ogni dimensione dello schermo.
  6. Conferma lo stile di fallback. Lascia valori vuoti o con stile predefinito quando vuoi che la riga si integri con la fisarmonica circostante; usa colori o media espliciti quando vuoi che il blocco risalti maggiormente in modo indipendente.