Nascondere le immagini delle varianti dalla pagina prodotto in Shopify

· Updated
4 min di lettura
Nascondere le immagini delle varianti dalla pagina prodotto in Shopify
Indice

TL;DR

The easiest way to hide variant images on Shopify is to check your theme customiser for a setting like “Hide other variants' media after selecting a variant”. If your theme does not support it properly, you can use custom Liquid and JavaScript for precise control, or install Variant Image Automator for a no-code option. The best setup depends on whether you want to hide all non-selected variant images or keep shared product images visible too.

Gestire in modo efficiente le varianti di prodotto nel tuo store Shopify è fondamentale per migliorare l’esperienza di acquisto dei clienti. Se vendi articoli con più varianti, potresti voler mostrare solo le immagini pertinenti quando un cliente seleziona un’opzione specifica.

Questo approccio non solo mantiene le pagine prodotto pulite e ordinate, ma aiuta anche a offrire un’esperienza di acquisto più mirata.

In questa guida vedremo come puoi nascondere le immagini delle varianti finché il cliente non seleziona una determinata opzione, assicurandoti che le tue pagine prodotto risultino curate e professionali.

Perché i merchant hanno bisogno di questa soluzione

1. Esperienza utente migliorata: mostrare solo le immagini della variante pertinente aiuta i clienti a concentrarsi sulle opzioni che interessano davvero, rendendo il percorso d’acquisto più fluido e intuitivo.

2. Estetica della pagina migliorata: mantenere le pagine prodotto ordinate mostrando solo le immagini della variante selezionata può far apparire il tuo store più professionale e meno “affollato”.

3. Tempi di caricamento più rapidi: limitare il numero di immagini visualizzate contemporaneamente può ridurre i tempi di caricamento della pagina, migliorando le prestazioni complessive del sito e la soddisfazione dei clienti. Secondo i dati di settore, il 70% degli acquirenti non compra da un sito ecommerce lento e, in media, gli store Shopify si caricano 1,8 volte più velocemente rispetto ai siti su altre piattaforme.

4. Migliore rappresentazione del prodotto: mostrare solo le immagini associate alla variante selezionata garantisce che i clienti vedano la rappresentazione più accurata del prodotto che li interessa, riducendo confusione e potenziali resi.

5. Aumento delle conversioni: ottimizzare le pagine prodotto su Shopify può aumentare conversioni e vendite fino al 30%, rendendo la gestione delle immagini delle varianti una componente critica per il successo del tuo store.

Come nascondere le immagini delle varianti

Per nascondere le immagini delle varianti nel tuo store Shopify, puoi modificare il codice del tema oppure usare un’app pensata per questo scopo.

Modificare il codice del tema

Se hai esperienza di programmazione, puoi aggiungere uno script alla pagina prodotto per nascondere le immagini delle varianti. Tuttavia, se stai usando un tema Shopify, è meglio contattare il team di supporto Shopify per ricevere assistenza. Per i temi di terze parti, rivolgiti agli sviluppatori del tema.

Ecco un approccio generale:

  1. Contatta il supporto: se stai usando un tema Shopify, chiedi al team di supporto di aiutarti ad aggiungere questa funzionalità.
  2. Ingaggia un Shopify Expert: se il supporto non riesce ad aiutarti, valuta di assumere un Shopify expert per implementare le modifiche di codice necessarie.
  3. Fai da te con il codice: se hai un po’ di conoscenze di programmazione, segui tutorial online o video guide per aggiungere il codice richiesto alla tua pagina prodotto. Assicurati di fare un backup del tema prima di apportare qualsiasi modifica.

Usare un’app

Per chi preferisce non mettere mano al codice, usare un’app è una soluzione semplice e immediata.

Variant Image Automator

L’app Variant Image Automator ti consente di organizzare in modo efficiente la pagina prodotto mostrando solo le immagini che desideri visualizzare.

nascondere le immagini delle varianti

Funzionalità:

  • Assegnazione automatica delle immagini: assegna automaticamente le immagini a varianti specifiche senza codifica manuale o tagging delle immagini.
  • Compatibilità con i temi: funziona perfettamente con tutti i temi e si integra con diverse app per la pagina prodotto, incluse le varianti colore (swatches) e le funzioni di zoom.
  • Opzioni di visualizzazione avanzate: mostra più immagini per una singola variante per offrire una panoramica completa.
  • Nessuna modifica al tema necessaria: implementa questa funzionalità senza alterare il codice del tema, rendendo l’installazione o la disinstallazione al 100% priva di rischi.
  • Prestazioni comprovate: l’app ha una valutazione di 4,9 con oltre 500 recensioni ed è apprezzata dai merchant per migliorare conversioni ed esperienza utente.

Conclusione

Nascondere le immagini delle varianti finché un cliente non seleziona un’opzione specifica può migliorare in modo significativo l’estetica e la funzionalità del tuo store Shopify. Che tu scelga di modificare il codice del tema o di utilizzare un’app specializzata come Variant Image Automator, il risultato sarà un’esperienza di acquisto più snella e user-friendly.

Questo approccio non solo aiuta a mantenere un aspetto pulito e professionale delle pagine prodotto, ma garantisce anche ai tuoi clienti un percorso d’acquisto più mirato e piacevole. Implementa queste strategie per migliorare le prestazioni del tuo store e la soddisfazione dei clienti.

Condividi questo articolo

Articoli correlati