Risoluzione dei problemi relativi al tema del negozio online

Sono molte le circostanze che possono portare a un'errata visualizzazione del tema, causando la scomparsa o il malfunzionamento di alcuni elementi e vari problemi di visualizzazione. Il problema potrebbe essere dovuto a terze parti o a codici di app che entrano in conflitto con il tema, oppure a personalizzazioni del codice. Potrebbero anche esserci delle impostazioni da regolare nel tuo pannello di controllo Shopify. Ad esempio, potresti dover rivedere i contenuti tradotti, i prodotti, le collezioni, i menu o i tuoi mercati.

Se dopo aver esaminato i passaggi di questa guida dovessi avere ancora problemi con il tema, potrebbe essere necessario contattare il team di assistenza del tema. Al link che segue puoi consultare maggiori informazioni su come ricevere assistenza per i temi.

Su questa pagina

Individua l'origine del problema

Individuare l'origine del problema nel tema è il primo passo per risolverlo. Per farlo, prova a seguire i seguenti passaggi:

Puoi visitare la pagina di stato Shopify per verificare la presenza di errori noti che potrebbero interessare la tua vetrina virtuale. Se nell'elenco non è presente alcun problema simile, puoi procedere ad approfondire la questione.
Il problema potrebbe interessare il tuo dispositivo a livello locale. Solitamente, i problemi locali derivano dalle impostazioni del dispositivo o del browser o da problemi di connessione a Internet. Per assicurarti che il problema non sia locale e che possa essere replicato su altri dispositivi, browser o connessioni Internet, prova a seguire i seguenti passaggi:
- Svuota la cache e i cookie del browser. Se hai effettuato l'accesso al Centro assistenza Shopify con il tuo account Shopify, svuotando la cache e i cookie del browser ti disconnetterai dall'account. Se utilizzi l'assistente virtuale del Centro assistenza, svuotare la cache e i cookie del browser ripristina la cronologia della chat e ti disconnette dall'account e devi avviare una nuova chat con l'assistente virtuale del Centro assistenza.
- Prova la modalità in incognito, un altro dispositivo o l'app di Shopify.
- Prova a utilizzare i dati di un dispositivo mobile o un'altra connessione a Internet.
- Assicurati che il tuo browser sia aggiornato.
- Assicurati che il browser non sia impostato per bloccare tutti i cookie, in quanto alcune app potrebbero non essere visualizzate correttamente senza i cookie.
- Assicurati di non utilizzare una rete privata virtuale (VPN) o di avere un firewall attivato che blocchi Shopify.
Se il problema si verifica ancora su altri dispositivi, browser o connessioni Internet, non è un problema locale e può essere replicato. La replica del problema su un altro tema è il passo successivo per individuarne l'origine. Visita il Theme Store, installa una nuova versione del tema e verifica se il problema è ancora presente sull'ultima versione. È consigliabile installare un tema diverso, ad esempio un tema gratuito di Shopify, perché ciò consente di capire se il problema sia dovuto a quel tema specifico o se tutti i temi stiano riscontrando lo stesso inconveniente. Dopo aver testato altri temi, segui i passaggi successivi in base al modo in cui si è verificato il problema:
- Se il problema si verifica solo nel tuo tema attuale e in una versione aggiornata e non personalizzata, è probabile che tu debba richiedere assistenza sul tuo tema.
- Se il problema si verifica solo nel tema attuale, a causare problemi potrebbe essere il codice del tema. Se hai aggiornato il codice di recente, puoi eseguire un ritorno a una versione precedente del codice del tema. Se non hai effettuato alcuna modifica del codice, potrebbe essere necessario controllare le impostazioni del tema. Ad esempio, se il pulsante Aggiungi al carrello non compare, controlla i colori dei Pulsanti nelle impostazioni del tema e verifica che siano diversi e contrastanti.
- Se il problema si verifica su tutti i temi, potrebbe essere dovuto alle impostazioni del pannello di controllo Shopify, alle app o ad altre cause.
Il problema potrebbe derivare da un'app. Se di recente hai installato o aggiornato delle app che influiscono sulla tua vetrina virtuale, potrebbe essere necessario disinstallarle temporaneamente. Se il problema non si verifica dopo la disinstallazione dell'app, puoi contattare il team di assistenza dello sviluppatore dell'app affinché ti aiuti a visualizzarla correttamente sulla tua vetrina virtuale. Scopri di più su come ricevere assistenza con le app. Se il problema continua a verificarsi anche dopo la disinstallazione dell'app, l'app non è la causa.

Le immagini non vengono visualizzate correttamente

Le immagini potrebbero comparire in modo diverso dal previsto, probabilmente per un problema di compatibilità con ciò per cui le stai utilizzando nel tuo tema. Assicurati che le dimensioni dell'immagine siano corrette. Consulta il seguente elenco di problemi di visualizzazione più frequenti che potrebbero verificarsi quando si carica un'immagine incompatibile:

Se, rispetto al previsto, l'header compare più largo su desktop e l'immagine del logo più piccola su dispositivo mobile, la causa potrebbe essere uno spazio vuoto nel file immagine del logo. Modifica il file immagine per assicurarti che sia ritagliato intorno al logo e che non ci siano spazi vuoti.
Se l'immagine della presentazione viene tagliata, ciò avviene appositamente per garantire che le immagini compaiano allo stesso modo sia su dispositivi mobili che su desktop. Poiché su uno schermo mobile il contenuto viene visualizzato molto più piccolo, se lo si riduce molti dettagli possono andare persi. Al contrario, il contenuto viene ritagliato per garantire di non perdere dettagli. Anche un'immagine in formato ritratto, più alta che larga, può richiedere molto spazio su desktop. Ecco perché le immagini della presentazione hanno un'altezza massima. Puoi aggiungere un punto focale alle immagini della presentazione per assicurarti che esso sia sempre al centro dell'immagine della presentazione. Se l'aggiunta di un punto focale non aiuta, puoi provare a trovare un'immagine che vada bene per tutte le eventuali dimensioni dello schermo. Al link che segue puoi consultare maggiori informazioni sulle best practice per le presentazioni.
Se un'immagine GIF non viene visualizzata correttamente ed è stata aggiunta alla tua vetrina virtuale con il rich text editor, ad esempio nella descrizione del prodotto o in un articolo del blog, la causa potrebbe essere la dimensione dell'immagine. Per correggere il problema, clicca sulla GIF nel rich text editor, quindi su Modifica immagine. Nel menu a discesa Dimensione immagine, seleziona Originale. Per ridimensionare la GIF, clicca e trascina gli angoli dell'immagine verso l'interno per rimpicciolirla o verso l'esterno per ingrandirla.
Se nella vetrina virtuale le immagini subiscono un cambiamento di colore significativo rispetto alle originali, è possibile che non rientrino nello spettro standard Rosso Verde Blu (sRBG). Per correggere questo problema, salva il file come sRBG in un'applicazione di modifica delle foto. I termini più comunemente utilizzati sono "Web optimize" (Ottimizza per il web), "Adjust image for Web" (Adatta l'immagine per il web) o "Save for Web" (Salva per il web). Scopri di più sui profili colore.
Se le immagini dei prodotti sulle pagine di collezione non sono allineate, probabilmente devi regolare le proporzioni nei file immagine dei prodotti in modo che abbiano lo stesso rapporto tra altezza e larghezza, quindi caricare nuovamente le immagini. Puoi anche utilizzare un'app di modifica delle immagini dello Shopify App Store.

Prodotti o collezioni non visualizzati correttamente

Se nella tua vetrina virtuale mancano dei prodotti, controlla lo Stato e i Canali di vendita nella sezione Publishing (Pubblicazione) del pannello di controllo Shopify. Verifica che lo stato del prodotto sia Attivo e che il prodotto sia disponibile per il Negozio online.

Se nella tua vetrina virtuale mancano delle collezioni, controlla i Canali di vendita nella sezione Publishing (Pubblicazione) del pannello di controllo Shopify. Verifica che la collezione sia disponibile per il Negozio online. Assicurati anche che la collezione sia aggiunta ai tuoi menu.

Se le collezioni vengono visualizzate, ma mancano dei prodotti, controlla i filtri tag di ogni collezione interessata nelle impostazioni del Menu. Assicurati che nel campo Filtra la collezione con i tag non siano presenti tag che potrebbero impedire la visualizzazione dei prodotti.

Se nei prodotti o nelle collezioni non viene visualizzata correttamente la valuta, controlla la Visualizzazione della valuta nella sezione Predefiniti nel negozio in Impostazioni > Generale e verifica che non ci siano dei codici in più. Scopri di più sulla formattazione della modalità di visualizzazione della valuta ai clienti.

Se alcuni prodotti o collezioni compaiono in modo diverso rispetto agli altri, controlla il Modello di tema assegnato ai prodotti o alle collezioni nel pannello di controllo Shopify.

Contenuti tradotti non visualizzati correttamente

Se nella vetrina virtuale ci sono contenuti tradotti mancanti o non visualizzati correttamente, le traduzioni potrebbero essere obsolete o assenti. I contenuti potrebbero anche trovarsi in un modello specifico per un mercato. Quando aggiungi nuovi contenuti nella tua lingua predefinita, ricorda di eseguire nuovamente la traduzione automatica o di aggiungere manualmente le nuove traduzioni.

I seguenti stati possono essere applicati al contenuto tradotto:

Translated (Tradotto): il contenuto ha traduzioni disponibili.
Outdated (Obsoleto): il contenuto nella lingua predefinita è stato aggiornato, ma le traduzioni non riflettono gli aggiornamenti.
Untranslated (Non tradotto): non sono presenti traduzioni per questo tipo di contenuto.

Quando controlli i contenuti tradotti, aggiorna tutti i contenuti obsoleti o non tradotti; una volta eseguita questa operazione, i contenuti tradotti dovrebbero essere visualizzati correttamente.

Scopri di più sulla traduzione e localizzazione del negozio.

Aggiornamenti nell'editor del tema non visualizzati nella vetrina virtuale

Se la vetrina virtuale e l'editor del tema non visualizzano le stesse informazioni, controlla il modello di tema che stai modificando. Per visualizzare le informazioni corrette, potrebbe essere necessario apportare delle modifiche per aggiornare i modelli di tema. La contestualizzazione del negozio ti consente di creare diverse vetrine virtuali per diversi mercati e di mostrare i contenuti tradotti. Quando hai effettuato gli aggiornamenti, inavvertitamente potresti aver lavorato all'interno di un mercato o B2B specifico. Individua i contenuti con il menu a discesa Contesto nell'editor del tema e verifica che si trovino nei mercati corretti.

Scopri di più sulla contestualizzazione del negozio.

Rich text editor

A volte il codice HTML aggiunto nel rich text editor entra in conflitto con il codice del tema. Se il problema si verifica su una singola pagina, ad esempio una pagina di prodotto, una pagina o un articolo del blog, la causa potrebbe essere un HTML in più. Può succedere che venga aggiunto copiando e incollando del testo da un altro sito.

Controllo del codice HTML

Puoi controllare il codice HTML nel rich text editor.

Passaggi:

Vai alla pagina del pannello di controllo.
Clicca sul pulsante </> Mostra HTML per controllare il codice HTML.
Individua il codice HTML che potrebbe causare problemi di visualizzazione e rimuovilo.
Clicca su Salva.

Cancellazione della formattazione

Puoi evidenziare una parte del testo e cancellare la formattazione HTML.

Passaggi:

Vai alla pagina del pannello di controllo.
Evidenzia il testo con i problemi di formattazione.
Clicca sul pulsante 🚫.
Clicca su Salva.

Scopri di più sul rich text editor.

La pagina reindirizza verso un URL non supportato

Se la tua vetrina virtuale include codici che reindirizzano gli utenti a URL non connessi al tuo negozio, devi verificare che il reindirizzamento sia stato disattivato quando visiti l'editor del tema.

Ad esempio, questo tipo di reindirizzamento potrebbe essere aggiunto a una vetrina virtuale per indirizzare i clienti a diversi negozi Shopify a seconda della loro posizione. Questo tipo di codice di reindirizzamento potrebbe trovarsi nel tuo tema o in un'app installata.

Per assicurarti che il reindirizzamento non interferisca con l'esperienza di modifica, utilizza un riferimento alla variabile window.Shopify.designMode in JavaScript per disattivare il reindirizzamento quando visiti l'editor del tema. Questa variabile è impostata su true quando la vetrina virtuale è caricata nell'editor e su false quando non lo è.

Messaggi di errore di codice

Se nel codice del tema c'è un errore di sintassi, nell'editor del tema compare un messaggio di avviso HTML error found o Theme error. Il messaggio di errore mostra il file Liquid che contiene l'errore.

Quando c'è un HTML danneggiato, potrebbe comparire un messaggio di avviso The theme you're looking for couldn't be found. Potrebbe essere impossibile caricare una pagina nell'editor del tema per diversi motivi, tra cui:

problemi di connessione di rete
codice Liquid non valido nel tuo tema.

Puoi individuare le modifiche apportate al codice del tema e correggere il codice, oppure ripristinare lo stato del file precedente alla modifica del codice.

Procedura

Clicca sul file della sezione .liquid collegato al messaggio di errore o controlla le modifiche recenti apportate ai file. Visualizzerai la pagina Edit HTML/CSS (Modifica HTML/CSS) e il file si aprirà nell'editor di codice.
Esamina il codice nel file e cerca di trovare valori HTML o Liquid non validi. L'editor di codice indicherà in rosso i potenziali errori di sintassi. Di seguito sono elencati i problemi più comuni:
- Tag HTML di chiusura in eccesso, ad esempio una chiusura </div> priva di apertura <div>
- Tag HTML senza chiusura in eccesso, ad esempio un'apertura <div> priva di chiusura </div>
- Tag HTML errati, ad esempio <div class="my-class" privi di >
- Codice Liquid errato
- Errore HTML in un file di un frammento del tema incluso
Dopo aver individuato il problema, correggi il codice nel file del tema o ripristina il codice selezionando una versione precedente in Modifiche recenti.
Clicca su Salva.
Clicca su Personalizza per tornare all'editor del tema e conferma che il messaggio di errore non sia più visualizzato.
Vai alla vetrina virtuale per assicurarti che venga visualizzata come previsto.