Contenuto in slider

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.

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.

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).

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.
• Link: Si deve collegare una categoria o un articolo?

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?

È possibile inserire un titolo, un pulsante e un testo. È possibile definire il colore del testo e dello sfondo.

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.

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 Standard o Professional.

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 FTP¹ 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

Assistenza ulteriore

Ha bisogno di assistenza ulteriore? PepperShop offre diverse possibilità.

• Spesso un clic sull’icona del punto interrogativo nell’angolo in alto a destra dell’amministrazione può aiutare. Qui può ricevere un aiuto diretto sull’argomento in questione.
• Diverse risposte sono disponibili nelle FAQ, che possono essere consultate anche nell’amministrazione del negozio tramite Supporto&Novità -> Archivio supporto. Oppure tramite la nostra homepage https://www.peppershop.com/de/services/support/faq/
• Nella PepperShop Academy https://www.peppershop.com/de/services/academy/ puo trovare dei video tutorial gratuiti.
• Siamo lieti di aiutarla anche via e-mail o telefono (CHF 185./h). support@glarotech.ch o +41 71 923 08 58