Contenuto in slider

Tempo di lettura richiesto: 3 minuti


Introduzione

Presenti articoli, immagini collegate (ad esempio offerte) o codici HTML semplicemente e in modo diretto in un moderno slider.

Con questo modulo esterno di PepperShop, è possibile inserire diversi contenuti e metterli in evidenza sulla pagina iniziale con uno slider dinamico. Tutti i contenuti da visualizzare scorrono automaticamente. JavaScript è richiesto dalla parte del cliente.

Installazione del modulo

Dopo aver copiato i file può andare nell’amministrazione del negozio e passare al menu ‘Moduli esterni PepperShop’. A sinistra, nei moduli non ancora installati, è possibile vedere l’elenco dei moduli Content-slider (grafico alla pagina seguente).

Ora selezioni il modulo Content-slider e clicchi sul pulsante “Installa”. Se il processo di installazione funziona senza problemi, questo verrà comunicato alla pagina seguente. Il modulo è ora installato. Clicchi sul pulsante “Torna alla gestione del modulo” e qui “Torna all’amministrazione del modulo”. Vediamo ora il pulsante per la gestione del modulo Content-slider.

Figura 1: Il modulo content-slider è elencato (i moduli visualizzati possono variare)

L’installazione del modulo è terminata. Affinché il modulo possa essere utilizzato, deve essere adattato alla configurazione specifica dell’operatore del negozio. Vada al capitolo successivo “Configurazione del modulo” qui di seguito.

Figura 2: Moduli installati

Configurazione del modulo

Per prima cosa vada all’amministrazione del modulo Content-slider: Menu principale dell’amministrazione del negozio ‘Modulo’ > ‘Content-slider’ (schermata a destra).

Figura 3: Finestra di dialogo di configurazione del modulo Content-Slider
Nell’amministrazione del modulo Content-slider sono presenti le seguenti opzioni di impostazione:

  • Attivazione: il modulo deve essere attivo?

Posizioni Content-slider

Qui è possibile definire le singole posizioni (immagini, articoli o codice HTML).

  • Posizione: dove dovrebbe apparire la posizione? (Numero ad es.: 1)
  • Tipo: di che tipo è la posizione? Quando si modificano, le colonne del contenuto e dei link vengono adattate di conseguenza.

Contenuto:

  • Nel tipo immagine viene visualizzato un caricatore per il file immagine. (Larghezza immagine: 945px)
  • Il tipo HTML mette a disposizione un grande campo per il codice HTML.
  • Con il tipo articolo si può cercare un articolo per numero articolo o nome. L’ID articolo viene visualizzato nel campo dopo la selezione.
  • Link: questo campo è visibile solo per le immagini. Il link si aprirà quando si fa clic sull’immagine.
  • Lingua: in quale lingua dovrebbe essere visibile la posizione?
  • Attivo da: quando dovrebbe essere visibile la posizione?
  • Attivo fino a: fino a quando la posizione dovrebbe essere visibile?

Configurazione avanzata in CSS e Javascript (ad es. velocità):

Vedere file: {shop_directory}/shop/language/html_templates/content_slider.tpl.html.

Se si padroneggia Javascript, è possibile utilizzare le opzioni pausa (in ms) e velocità (in ms) per impostare la velocità dello slider.

Visualizzazione del lato cliente nel negozio online

Il Content-slider viene visualizzato nella pagina iniziale sotto l’intestazione quando il modulo è attivato. Fare attenzione che le immagini siano caricate nel formato corretto.

Figura 4: Esempio basato su un negozio standard appena installato (il design può variare)

Come esempio si vede qui l’articolo “Peperone” definito come contenuto del Content-slider.

Installazione

Requisiti di sistema

Per utilizzare il modulo Content-slider è necessario almeno un PepperShop v.3.0 Professional o Enterprise.

Copia e carica i file

Il modulo Content-slider è composto da diversi file e due directory, che deve copiare nel PepperShop installato. Estrarre prima l’archivio ZIP o TAR.GZ in dotazione. Ecco i file inclusi con le loro directory di destinazione:

{shopdir}/shop/Admin/module/content_slider
{shopdir}/shop/module/content_slider/
{shopdir}/shop/resources/content_slider
{shopdir}/shop/language/html_templates/content_slider.tpl.html

I file possono essere facilmente caricati sul server web tramite FTP1 o SCP. Il segnaposto {shopdir} sta per la directory del negozio sul server web, dove si trova il file index.php insieme a README.txt.

Personalizzare i permessi dei file

La sezione seguente è molto importante. Il modulo non funzionerà come previsto se questo passaggio è richiesto ma non (correttamente) eseguito a causa della configurazione del server.

Quando si utilizza PHP su UNIX/Linux come modulo server, al file content_slider.tpl.html deve ancora essere assegnato il diritto di accesso 666 in modo che il server web abbia accesso di scrittura ad esso. La cartella resources/content_slider dovrebbe esistere e avere i permessi 777, in caso contrario, si prega di modificarla.

Appendice: esempi



  1. Ad es. con il programma gratuito FileZilla Client: [http://filezilla-project.org/]
🌶️
🔥
🌶️