Corso Ecommerce con WooCommerce

Aggiungere immagini e gallerie ai tuoi prodotti

Inserire le immagini per i tuoi prodotti è molto semplice.

WooCommerce segue le stesse regole utilizzate per aggiungere le immagini ai post.

L’immagine in evidenza quindi sarà quella principale che caratterizzerà il tuo prodotto e sarà la prima visibile dai tuoi utenti quando navigano lo shop.

Sarà visualizzata quindi nella pagina di ricerca insieme agli altri prodotti e nella pagina finale come prima della lista.

Per la galleria vale lo stesso discorso, puoi caricare più immagini del prodotto che verranno visualizzate sotto all’immagine principale.

A livello di dimensioni, ti consiglio di inserire immagini ad alta risoluzione, questo perché quando un utente naviga un prodotto è possibile ingrandire le immagini con un lightbox, così come scorrere tra la galleria.

Inoltre alcuni temi prevedono altre opzioni come l’ingrandimento a zoom direttamente sulla foto.

Per poter essere visibile a buona qualità quindi ti consiglio un’immagine che abbiamo almeno 1000 pixel in altezza.

Un’altro accorgimento che può essere utile per avere uno shop ordinato è quello di caricare tutte immagini con lo stesso formato e le stesse dimensioni.

In questo modo stabilirai un format per il tuo sito che sarà più omogeneo alla vista.

Capita spesso infatti di trovarsi in eCommerce poco invoglianti perchè le immagini sono di bassa qualità o distorte.

Visto che le foto sono il tuo biglietto da visita e quello che induce l’utente al click, ti consiglio di curare molto bene questa parte, producendo delle fotografie accattivanti, che abbiano lo stesso stile e che diano un’immagine professionale al tuo progetto.

Ora che abbiamo inserito anche le immagini, possiamo finalmente dare un’occhiata al prodotto appena inserito.

Direi che ora non manca proprio nulla e possiamo darci appuntamento al prossimo video.

Ciao, hai una domanda su questa lezione?

Iscriviti al sito o effettua il login


  1. francesca_sed
    francesca_sed dice:

    Buongiorno,
    quando carico le immagini rettangolari nello shop vengono tagliate in formato quadrato “rovinando” il prodotto. Come posso risolvere questo problema?
    Grazie mille!

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Francesca,
      hai le impostazioni per decidere il ritaglio delle immagini prodotto in Aspetto > Personalizza > WooCommerce > Immagini del prodotto.

      Buona giornata

  2. ElisaC
    ElisaC dice:

    Buongiorno, ho un normale sito wordpress con relativi articoli, ho appena installato woocommerce, mi chiedevo se fosse possibile trasformare gli articoli attuali di woordpress in prodotti di woocommerce senza dover creare nuovi prodotti. Grazie mille!

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Elisa,
      mi dispiace ma non mi è mai capitato questo problema.

      Inoltre i prodotti hanno molti campi che gli articoli non hanno, come il prezzo ecc… mi stai dicendo che hai degli articoli in cui nel testo c’è anche il prezzo e vorresti che un plugin o altro software recuperasse quelle informazioni nel testo e le inserisse negli appositi campi del prodotto? … difficile che ci sia.

      Buona giornata

    • ElisaC
      ElisaC dice:

      Intanto ringrazio per la pronta risposta. Provo a spiegarmi meglio. Gestisco il sito della scuola dove lavoro e vorrei che ad esempio in quest’articolo ci fosse il tasto aggiungi al carrello in modo da poter acquistare il corso. Vorrei appunto poter sfruttare gli articoli già esistenti senza dover creare dei doppioni aggiungendoli come prodotti. Grazie ancora!!!

    • Lorenzo
      Lorenzo dice:

      Ciao Elisa, guarda la lezione sugli shortcode.
      Puoi aggiungere quel bottone dove vuoi inserendo lo shortcode [add_to_cart id="99"] dove al posto del 99 metti l’id del tuo prodotto, ma come vedi devi comunque creare un prodotto, dargli un nome ed inserire il prezzo.

      Ti consiglio anche la lettura di questo articolo visto che stai vendendol dei corsi:
      Come creare un sito di video corsi e venderli online

      Inoltre se hai bisogno del nostro intervento non devi fare altro che contattarci dalla pagina del supporto.

      Buona giornata

  3. Alessandro
    Alessandro dice:

    Buongiorno,

    sto seguendo questo corso molto utile ma riscontro un problema.
    Sto creando un nuovo prodotto con editor standard con tema Enfold.
    Quando creo la bozza e visualizzo anteprima, nella pagina a sinistra mi compare questa scritta:
    Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description(), called in /home/nuovaeur/public_html/wp-includes/class-wp-hook.php on line 286 and defined in /home/nuovaeur/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360

    e scritte simili compaiono anche sotto ogni foto della galleria che ho creato. Tieni conto che la galleria mi appare non piccola come hai mostrato tu nel video, ma con immagini grandi, non appropriate graficamente.

    Da cosa dipende? come posso ovviare il problema?
    Grazie
    Alessandro

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Alessandro.
      Quando succedono cose di questo tipo, la prima cosa da fare è fare una ricerca online riportando tutta la scritta che appare.

      Io ho trovato questo post della Kriesi (gli sviluppatori di enfold) in cui segnalano che dipende dal fatto che utilizzi un tema non aggiornato.

      Anche se il sistema non ti segnala aggiornamenti disponibili, suggeriscono di scaricare comunque i file da Themeforest e procedere con la sostituzione manuale via FTP.

      Buona giornata
      Gianluca

  4. Michela
    Michela dice:

    Buongiorno,
    nel mio woocommerce non ho l’effetto light-box alle immagini del prodotto. Come posso abilitarlo?
    Grazie,
    Michela

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Michela,

      il tuo sito è il risultato fra l’unione di WordPress, i plugin fra cui anche WooCommerce e il tuo tema.
      Pertanto non sono tutti uguali, anzi, trovare un sito indentico a un altro è difficile proprio per tutte le variabili che lo compongono.

      Un effetto come il lightbox solitamente è presente se il tema che hai installato lo utilizza. Ovvero se i programmatori che lo hanno fatto hanno pensato di programmare questa funzione.

      Buona giornata

  5. LUIGI
    LUIGI dice:

    Buongiorno, importando i prodotti demo (ma anche creandoli da nuovo) prima dell’immagine in evidenza e prima della galleria vengono visualizzati dei warning che non dovrebbero esserci.
    come posso fare per eliminarli?
    il mio hosting è site ground e come tema di wordpress ho endfold.
    grazie per l’aiuto, riporto qui sotto il teso dei warning:
    Warning: Missing argument 3 for avia_woocommerce_gallery_thumbnail_description(), called in /home/alberlin/public_html/wp-includes/class-wp-hook.php on line 298 and defined in /home/alberlin/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360

    Warning: Missing argument 4 for avia_woocommerce_gallery_thumbnail_description(), called in /home/alberlin/public_html/wp-includes/class-wp-hook.php on line 298 and defined in /home/alberlin/public_html/wp-content/themes/enfold/config-woocommerce/config.php on line 1360

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Luigi,
      ho dato un’occhiata al forum di supporto, che ti consiglio sempre di consultare in caso di problemi come questo.

      Il problema è legato ad una vecchia versione del tema, quindi aggiornalo con l’ultima versione che trovi su Themeforest.

      Buona giornata

Non vuoi fare da solo?

Non vuoi fare da solo?

Per realizzare il tuo progetto o per risolvere qualsiasi problematica, rivolgiti al nostro Team di professionisti.

oppure chiamaci allo 02.9843140

You have Successfully Subscribed!

Pin It on Pinterest