Aggiungere immagini prodotti

woocommercelogo2Guida WordPress

La foto di presentazione (featured image)

La foto di presentazione è l’immagine principale del prodotto. È la foto che appare nel vostro loop di prodotti. (cioè categorie prodotti, up sells, prodotti correlati ecc.) nonché il focus iniziale della galleria immagini sulla pagina dettagli del prodotto.

Per inserire un immagine di presentazione, andate su una pagina prodotto e scorrete la barra laterale,

fino alla box, Immagine del prodotto.

Cliccate Imposta Immagine prodotto,

 immagine-del-prodotto

e si aprirà il media Manager di WordPress. 

Trascinate dentro le immagini ottimizzate e ricordate di compilare i campi dedicati all Alt e Descrizione.

Una volta terminata l’operazione cliccate sul pulsante Blu “Imposta immagine prodotto”

Aggiungere la galleria del prodotto

La galleria prodotti mostra la foto di presentazione del prodotto e tutte le immagini correlate a quel prodotto.

Potete creare una galleria utilizzando lo stesso metodo usato per creare un’immagine di presentazione,  piuttosto che utilizzando il meta box della Galleria Prodotto.

Scorrete quindi la pagina prodotto lungo la barra laterale fino al comando Galleria Prodotti

galleria-prodotti

Cliccate su aggiungi immagini e trascinate all’interno le fotografie ottimizzate del prodotto.

Anche qui nn dimenticate di ottimizzare Alt e Descrizione.

Quindi cliccate il pulsante blu “aggiungi galleria”.

Riordinare e rimuovere immagini dalla galleria

Le immagini presenti nella galleria possono essere riordinate semplicemente trascinandole e spostandole con il mouse.

Per rimuovere un’immagine dalla galleria, selezionate l’immagine e cliccate sulla “x” rossa.

Impostazione delle dimensioni dell’immagine

Andate in WooCommerce > Impostazioni > Display vedrete tre campi in cui inserire i valori dimensione.

  • Immagini Catalogo: appare nell’elenco dei prodotti del negozio. Categorie prodotti, up sells/cross sells ecc.
  • Foto del singolo prodotto: è l’immagine principale visualizzata nella pagina dettagli prodotto.
  • Immagini Prodotto (product thumbnails):è la galleria immagini dei prodotti, visualizzata nella pagina prodotto (compare solo se avete una galleria).

L’immagine caricata verrà ridimensionata per accordarsi con i valori che avete appena inserito, nel modo più accurato possibile. Ossia se avete impostato una risoluzione 100×100 e avete caricato un’immagine con risoluzione 300×600, l’immagine sarà ridimensionata con valori 100×200. Potete anche scegliere di applicare un ‘hard crop’ alla vostra immagine per farla rientrare in quei valori specifici, a prescindere dalla dimensione iniziale dell’immagine caricata. (in questo caso l’immagine sarà tagliata ma non subirà una distorsione di scale).

Ricordate: se cambiate queste impostazioni dopo aver caricato l’immagine dovrete rigenerare la miniatura per rendere effettive le modifiche apportate. Per fare questo raccomandiamo di utilizzare il plugin Regenerate Thumbnails.

Per saperne di più: Using the Appropriate Product Image Dimensions (Impostare una corretta dimensione delle immagini).

Definire le dimensioni personalizzate dell’immagine in un tema su misura

Se state creando un tema personalizzato, potreste voler configurare queste impostazioni automaticamente. Potete farlo utilizzando questo snippet:  set image dimensions in a custom theme.