Documentazione del tema Helm

1. 1

   Aggiungi Helm al tuo negozio

   Helm è distribuito tramite lo Shopify Theme Store. Una volta aggiunto, compare nella tua libreria dei temi, in Online Store nel tuo admin di Shopify.

2. 2

   Apri l'editor del tema

   Sulla scheda di Helm, fai clic su Edit theme. La home si apre con la sua composizione predefinita: un hero, una riga di numeri, un come funziona, schede collezione, domande frequenti e una call to action, ognuno in una sezione Canvas.

3. 3

   Imposta colori e font

   Fai clic sull'icona Theme settings. In Colors, regola gli schemi di colore; in Typography, scegli i font di titoli, testo e accento.

4. 4

   Collega i menu e pubblica

   Crea i tuoi menu in Content > Menus, scegli il menu principale nelle impostazioni della sezione Header, poi sostituisci i testi e le immagini di esempio. Pubblica il tema quando le pagine sono pronte.

Le etichette dell'admin di Shopify sono scritte qui in inglese, come le scrive il centro assistenza di Shopify. Il tuo admin le mostra nella sua lingua. Le impostazioni proprie di Helm compaiono in inglese nell'editor del tema: la versione 1.0.8 ha le etichette dell'editor solo in inglese.

Il preset Helm

Il preset fissa i valori iniziali di Theme settings. Cambiane quanti vuoi in seguito: il preset è solo il punto di partenza del negozio.

Preset della sezione Canvas

Quando aggiungi una sezione, l'editor propone queste composizioni di Canvas. Tutte, tranne il Canvas vuoto, arrivano con i loro blocchi e un testo di esempio.

• Aggiungere una sezione. Nella barra laterale dell'editor, fai clic su Add section e scegli Canvas o uno dei suoi preset.
• Aggiungere un blocco. Passa il cursore su una sezione Canvas e fai clic su Add block. Canvas accetta tutti i blocchi del tema e i blocchi app.
• Riordinare. Trascina un blocco o una sezione dalla sua maniglia, poi fai clic su Save.
• Nascondere senza eliminare. Passa il cursore sul nome di un blocco o di una sezione e fai clic su Hide.
• Impostazioni della sezione. Ogni sezione Canvas imposta la sua larghezza, lo spazio tra i suoi blocchi, il margine superiore e inferiore su desktop e su mobile, il suo schema di colore e un ID di ancoraggio per i link.
• Blocchi dentro i blocchi. Questi blocchi accolgono altri blocchi: Group, Columns, Split, Hero, Slide, Tab, Accordion item.

Blocchi con un comportamento da conoscere

• Heading. Il livello del titolo e la dimensione visiva sono due impostazioni separate, così un titolo piccolo può restare il titolo principale della pagina. Tieni un solo titolo principale per pagina.
• Button. Stili Primary, Secondary e Ghost, dimensioni Small, Medium e Large. Link relationship applica nofollow, sponsored, ugc o noreferrer solo a quel link; Default segue Theme settings.
• Video. Carica un video su Shopify o incolla un URL di YouTube o Vimeo, poi imposta riproduzione automatica, loop, audio disattivato e controlli.
• Icon. Scegli una delle 18 icone, poi la sua dimensione, il suo colore e il suo allineamento.
• Countdown. Conta alla rovescia fino alla data indicata in End date, uguale per tutti. Non mostra nulla senza una data futura, e si nasconde una volta passata la data.
• Email capture. Crea un cliente in Shopify con il tag indicato in Customer tag, leadmagnet per impostazione predefinita, così il tuo strumento di email può segmentare su di esso.
• Review card. Collegalo a una voce di un metaoggetto product_review, con i campi title, review, rating, author_name e author_avatar, oppure compilalo a mano. I metaoggetti si trovano in Content > Metaobjects.
• Product rating. Mostra le stelle dai metacampi prodotto reviews.rating e reviews.rating_count, e niente finché sono vuoti.
• Step list. Compila HowTo name (for SEO) e l'elenco emette anche dati strutturati HowTo per i suoi passaggi.
• Store location. Indirizzo, orari di apertura, telefono, coordinate e fascia di prezzo. Il blocco emette anche dati strutturati LocalBusiness.
• Product price. Mostra il prezzo della variante scelta, con il prezzo di confronto e il prezzo unitario, e segue la variante che il cliente seleziona. Anche il ritiro in negozio e il banner di Shop Pay Installments la seguono.
• Product bundle. Elenca la prima variante disponibile di ogni prodotto scelto al suo prezzo reale, poi il loro totale reale, senza sconto. Un pulsante li aggiunge tutti al carrello; i prodotti esauriti restano fuori.

Il modello di prodotto parte con titolo, prezzo, valutazione, selettore di variante, quantità, pulsanti di acquisto, ritiro in negozio, Shop Pay Installments e descrizione, poi prodotti complementari, punti di forza, una garanzia, prodotti correlati, domande frequenti e la barra fissa di aggiunta al carrello.

Non c'è un modello customers: Shopify ospita gli account cliente, e l'icona account nell'intestazione apre l'accesso.

• I prodotti nel carrello, con la loro quantità e un pulsante per rimuoverli.
• Una barra di avanzamento verso la spedizione gratuita, quando la soglia è maggiore di zero.
• Gli sconti già applicati al carrello, come gli sconti automatici. Non c'è un campo per il codice sconto: i clienti inseriscono i codici al checkout.
• Una nota d'ordine, quando Show order note è attivo.
• I dati del destinatario di una carta regalo, sotto la riga a cui appartengono.
• Raccomandazioni di prodotti, impostate nella sezione Cart drawer.

Con un altro Cart type, l'icona del carrello porta alla pagina del carrello.

Indicizzazione

• Fuori dalla ricerca per impostazione predefinita. Il carrello, i risultati di una ricerca, le collezioni filtrate per tag e ogni pagina dopo la prima sono marcati noindex.
• Modelli landing. Auto-noindex landing pages, attivo nel preset, marca noindex i modelli il cui nome contiene landing, leadmagnet o advertorial.
• Pagina per pagina. Un metacampo di testo seo.robots su una pagina, un prodotto, un articolo o una collezione sostituisce il valore per quell'elemento, per esempio noindex,follow.
• Motori di IA. Quando Allow AI engines to read your content è disattivato, Helm aggiunge tag noindex rivolti a GPTBot, ClaudeBot, PerplexityBot, CCBot e Google-Extended.
• Link verso altri siti. I pulsanti, i link delle immagini, la barra degli annunci, il piè di pagina e il punto vendita aggiungono nofollow, noreferrer e una nuova scheda ai link che escono dal tuo negozio, secondo le impostazioni SEO. Un pulsante o un'immagine può cambiarlo con il suo Link relationship.

Dati strutturati

Il JSON-LD che Helm emette, e cosa attiva ogni tipo.

• Organization. Su ogni pagina, con il tuo logo, la descrizione del tuo negozio e gli account social di Theme settings. La home aggiunge WebSite con un'azione di ricerca.
• Product. Sulle pagine prodotto, con l'offerta della variante scelta.
• BlogPosting. Sugli articoli.
• CollectionPage. Sulle pagine delle collezioni.
• BreadcrumbList. Dove è mostrato il percorso di navigazione.
• FAQPage. Dal metacampo di pagina faq.items, un elenco di metaoggetti con una domanda e una risposta, sulle pagine che usano page.faq o portano quel metacampo.
• HowTo. Da uno Step list con HowTo name compilato.
• LocalBusiness. Da ogni blocco Store location.

• Nessuno script di tracciamento. Helm non aggiunge alcuno script di analisi o di pubblicità. Collega i tuoi pixel in Settings > Customer events, o tramite le app che li forniscono.
• Consenso. Helm legge il consenso dei visitatori dalla Customer Privacy API di Shopify. Attiva il banner dei cookie in Settings > Customer privacy.
• Preferenze sui cookie. Il blocco Cookie preferences, per esempio nel piè di pagina, riapre le scelte di privacy del visitatore.
• Uno script tuo. Usa una sezione o un blocco Custom Liquid sui modelli che ne hanno bisogno.

• Traduzioni del negozio. I testi del negozio sono forniti in inglese, francese, spagnolo e tedesco.
• Aggiungere una lingua. Aggiungi e pubblica una lingua in Settings > Languages. Per una lingua che Helm non fornisce, traducila con l'app Translate & Adapt di Shopify o con un'altra app di traduzione.
• Editor del tema. Le etichette delle impostazioni di Helm sono solo in inglese, qualunque sia la lingua dell'admin.
• Da destra a sinistra. Per l'arabo, l'ebraico, il persiano, l'urdu e le altre lingue che si scrivono da destra a sinistra, Helm inverte la direzione della pagina.