Tutorial WordPress | Ecommerce

Plugin e soluzioni per realizzare ecommerce con WooCommerce

Zoom delle immagini di WooCommerce

Vuoi dare la possibilità ai clienti di effettuare lo zoom delle immagini dei prodotti? Puoi farlo con YITH WooCommerce Zoom Magnifier.

YITH WooCommerce Zoom Magnifier è un plugin disponibile sia in versione gratuita che a pagamento, quest'ultima con una serie di opzioni aggiuntive. Nel tutorial vediamo il funzionamento della versione gratuita.

Una volta installato e attivato, il plugin viene gestito nella sezione YIT Plugins che troviamo nel menu amministrativo del sito WordPress. 

Impostazioni generali

yith woocommerce zoom immagini 2

Nelle impostazioni generali attiviamo il plugin per la visualizzazione degli zoom. Possiamo decidere se attivarlo o meno sui dispositivi mobili e indichiamo quindi se le dimensioni delle immagini zoomate devono essere forzate o se preferiamo personalizzarle (è consigliabile mantenere flaggata questa opzione per non rischiare di ottenere immagini sproporzionate).

 

Impostazioni zoom

Le opzioni che possiamo definire, per quanto riguarda lo zoom, sono:

  • Larghezza Riquadro Zoom e Altezza Riquadro Zoom: mantenendo il valore auto la dimensione del riquadro si baserà sulle dimensioni dell'immagine zoomata, in alternativa possiamo indicare le dimensioni in pixel;
  • Dimensioni immagine: definiamo le dimensioni in pixel dello zoom (di default è impostato su 600x600);
  • Do you want to hard crop the image? : mantenendo flaggata questa opzione viene effettuato il ritaglio forzato dell'immagine, che garantisce il mantenimento delle proporzioni;
  • Posizione Riquadro Zoom: indichiamo se lo zoom deve posizionarsi sulla destra o sinistra rispetto all'immagine;
  • Posizione Riquadro Zoom su dispositivi mobili: indichiamo la posizione dello zoom quando l'utente visualizza il sito tramite dispositivo mobile;
  • Etichetta di caricamento: è il testo mostrato nell'attesa del caricamento dello zoom;
  • Opacità lenti: definiamo il grado di trasparenza della lente che effettua lo zoom, scegliendo un valore che va da 0 (completamente trasparente) a 1;
  • Sfocatura: possiamo aggiungere un effetto di sfocatura all'immagine quando si passa sopra con il mouse per zoomare (tutta l'immagine sarà in questo caso leggermente sfocata tranne il riquadro che stiamo zoomando).

yith woocommerce zoom immagini 4

© 2024 HOST S.p.A. - Gruppo Vianova - cap. soc. € 300.000,00 i.v. Registro Imprese e c.f. IT08505460017 - R.E.A. Torino n.978572