Come aggiungere uno slider di immagini nell’ homepage di Magento 2

Scopri come personalizzare l'homepage del tuo store Magento 2 aggiungendo uno slider di immagini.

No ratings yet.

Sicuramente l’homepage del tuo sito è una sorta di biglietto da visita del tuo store. E’ sostanzialmente tutto quello che appare all’inizio, appena un utente accede al tuo sito. Per questo motivo è molto importante che la tua homepage si effettivamente ben strutturata.

Dovrai quindi cercare di personalizzare l’homepage del tuo store Magento 2, in maniera concreta, magari aggiungendo appunto, uno slider di immagini.

La prima cosa infatti che salta all’occhio, quando si apre un sito, è sicuramente lo slider di immagini presente.

In questo articolo, vedremo come aggiungere uno slider di immagini alla tua homepage.

Esistono molte estensioni che possono fare questo tipo di attività. In questo caso, utilizzeremo un modulo gratuito che si chiama Image Slider Extension for Magento 2.

Per prima cosa quindi, dovrai scaricare ed installare il modulo. Successivamente si passerà alla configurazione.

Come installare l’estensione per lo slider immagini

Copia la directory app dell’estensione Slider Extensione for Magento 2 nella root del tuo negozio Magento 2. Ora collega il tuo store con un terminale SSH e esegui i seguenti comandi:

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy

php bin/magento cache:clean

Configurazione

Apri ora l’Admin del tuo Magento e vai su Content –> Widget

widget-magento2

 

A questo punto, clicca su Add Widget.

aggiungere-widget

Seleziona Ves Image Slider dalla sezione Type e imposta Design Theme con quello che hai scelto e infine clicca su Continue.

slider

Ora entra nella sezione Storefront Properties e compila la sezione Layout Updates come segue:

  • Display on: Specified Page
  • Page: CMS homepage
  • Container: Main Content Top

Store-properties

Ora clicca su Widget Options:

  • Inserisci nella sezione Title, il titolo dello Slider e in Addition Class, un campo di testo.

Widget-Opzioni

A questo punto occorrerà configurare OWL Carousel, attraverso il quale puoi inserire animazioni, autoplay e molte altre cose.

Carousel-Settings

Ancora poi, puoi impostare le slides. In particolare puoi caricare banner e contenuti per ogni slide del tuo slider. Una volta fatto, clicca su Salva.

slider-magento2

 

Fonte:mageticians.com

Ti è piaciuto questo articolo? Votalo!

Corso Magento 2
  • la configurazione completa dalla A alla Z la fate??

Magento è un marchio registrato di Magento Inc. MagenTiamo è un progetto indipendente non affiliato direttamente dal progetto Magento o chi ne detiene il trademark.