Risorsa personalizzata
Usa questo blocco per caricare un foglio di stile personalizzato, un file JavaScript o un’integrazione di terze parti nel modello a cui viene aggiunto il blocco. È ideale per codice avanzato e specifico per pagina, che deve essere eseguito solo in aree selezionate anziché in tutto il negozio. Per informazioni sul percorso dei blocchi nei temi, consulta la documentazione Shopify sulle sezioni e i blocchi
Il campo del codice richiede un tag completo per le risorse, ad esempio un tag script completo o un tag link per un foglio di stile. Per un riferimento rapido, consulta la guida alle risorse personalizzate fornita dalla fonte.
Incolla il tag completo per le risorse esattamente come deve essere caricato. Questo blocco è destinato a inclusioni complete, non a frammenti parziali, quindi tag incompleti o attributi mancanti possono impedire il corretto funzionamento della risorsa.
Quando aggiungi un servizio esterno, usa l’embed o il tag per le risorse consigliato dal provider e verifica il risultato nel modello in cui compare il blocco. Se stai modificando il blocco nell’editor del tema, la documentazione Shopify sulla personalizzazione delle sezioni può aiutarti a capire come viene gestito il contenuto del blocco. Questo è particolarmente importante quando il codice dipende da contenuti specifici della pagina, interazioni dei clienti o stili esistenti.
Aggiungi solo codice di cui ti fidi e che comprendi. Uno script o un foglio di stile in conflitto può compromettere il layout, le interazioni, il monitoraggio o le prestazioni nel modello in cui viene usato questo blocco.
Impostazioni standard dei blocchi
Sezione intitolata “Impostazioni standard dei blocchi”Impostazioni dell’editor
Sezione intitolata “Impostazioni dell’editor”Queste impostazioni influiscono solo sul modo in cui il blocco viene etichettato nell’editor del tema. Rinomina il blocco quando necessario per identificare rapidamente la funzione di ogni risorsa personalizzata, soprattutto se usi più risorse nello stesso modello.
Note sull’uso
Sezione intitolata “Note sull’uso”- Mantieni intenzionale la posizione. Aggiungi il blocco solo ai modelli che necessitano realmente della risorsa, così il codice non necessario non viene caricato altrove.
- Usa tag completi. Incolla l’inclusione completa dello script o del foglio di stile anziché codice parziale, in modo che la risorsa possa essere caricata correttamente.
- Assegna nomi chiari ai blocchi. Aggiorna il titolo nell’editor per indicare il servizio o lo scopo: le modifiche future saranno molto più semplici.
- Esegui test su layout reali. Dopo aver aggiunto una risorsa, controlla le visualizzazioni desktop e mobile, poiché il codice personalizzato può influire in modo diverso su spaziatura, allineamento, visibilità e comportamento dei contenuti multimediali in base alla viewport.
- Controlla i comportamenti sensibili al contesto. Se la risorsa modifica le interazioni con i prodotti o il carrello, verifica il funzionamento con varianti, quantità, stati di disponibilità e azioni commerciali diversi, così che il risultato corrisponda al contesto della pagina.
- Evita caricamenti duplicati. Non includere più volte la stessa risorsa esterna in un modello, a meno che il provider non lo richieda esplicitamente.