Content Slider

Introduction

Présentez simplement des articles, des images liées (par exemple des actions) ou du code HTML directement dans un curseur moderne.

Avec ce module externe PepperShop, vous pouvez placer différents contenus en évidence sur la page d’accueil à l’aide d’un curseur dynamique. Tous les contenus à afficher défilent automatiquement. JavaScript est requis chez le client.

Installation du module

Après avoir copié les fichiers, vous pouvez aller dans l’administration de la boutique et passer au menu “Modules externes PepperShop”. Sur le côté gauche, dans “Modules non installés”, vous pouvez voir le “Module curseur de contenu” listé. (voir le graphique à la page suivante).

Sélectionnez maintenant le “Module curseur de contenu” et cliquez sur le bouton “Installer”. Si la routine d’installation se déroule sans problème, elle sera communiquée à la page suivante. Le module est maintenant installé. Nous cliquons maintenant sur le bouton “Retour à la gestion des modules’ puis “Retour à l’administration des modules”. Nous voyons maintenant le bouton pour gérer le module du curseur de contenu.

L’installation du module du curseur de contenu est maintenant terminée. Afin que le module puisse être utilisé, il doit être à présent adapté à la configuration spécifique du propriétaire de la boutique, voir ci-dessous le chapitre suivant “Configuration du module” .

Configuration du module

Vous allez d’abord dans “Gestion du module curseur de contenu” : menu principal de l’administration de la boutique Module > curseur de contenu (voir la capture d'écran à droite).

La gestion du module curseur de contenu comporte les options de paramètres suivantes :

• Activation : le module doit-il être actif ?

Positions du curseur de contenu

Vous définissez ici les positions individuelles (images, articles ou code HTML).

• Position : où la position doit-elle apparaître ? (Nombre p.ex. : 1)
• Type : quel est le genre ou le type de la position ? Les colonnes de contenu et de liens sont ajustées lors de modifications.
• Lien: Faut-il créer un lien vers une catégorie ou un article ?

Contenu:

• Le type d’image affiche un téléchargeur pour le fichier image. (Largeur d’image : 945px)
• Le type HTML possède un grand champ pour le code HTML.
• Le type article permet de chercher un article grâce à son nom ou son numéro. L’ID de l’article est affiché dans le champ après la sélection.
• Link : ce champ n’est visible que pour les images. Le lien sera ouvert lorsque vous cliquerez sur l’image.
• Langue : dans quelle langue la position doit-elle être visible ?
• Actif à partir de : quand la position doit-elle être visible ?
• Actif jusqu’au : quand la position ne doit-elle plus être visible ?

Il est également possible de saisir un titre, un bouton et un texte. La couleur du texte peut être définie, ainsi que la couleur de l’arrière-plan.

Configuration avancée en CSS et Javascript (par ex. vitesse) :

Voir le fichier : {répertoire_shop}/shop/language/html_templates/content_slider.tpl.html

Si vous avez Javascript, vous pouvez utiliser les options pause (en ms) et vitesse (en ms) pour régler la vitesse du curseur.

Représentation de la boutique en ligne chez le client

Le curseur de contenu s’affiche sur la page d’accueil sous l’en-tête lorsque le module est activé. Il faut veiller à ce que les images soient téléchargées dans le bon format.

A titre d’exemple vous voyez ici l’article “Pepper” défini comme contenu du curseur de contenu.

Installation

Configuration du système

Pour utiliser le module du curseur contenu, vous avez besoin du PepperShop v.3.0 Standard ou Professional au minimum.

Copier et télécharger des fichiers

Le module du curseur contenu se compose de plusieurs fichiers et de deux répertoires, que vous devez copier dans votre PepperShop installé. Décompressez d’abord l’archive ZIP ou TAR.GZ fournie. Les fichiers suivants avec leurs répertoires cibles sont inclus :

{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

Les fichiers peuvent facilement être téléchargés sur le serveur Web via FTP¹ ou SCP. L’emplacement {shopdir} représente le répertoire de la boutique sur le serveur Web, où vous pouvez trouver le fichier index.php avec README.txt.

Modifier les autorisations des fichiers

Le paragraphe suivant est très important. Le module ne fonctionnera pas comme prévu si cette étape nécessaire n’est pas (correctement) exécutée en raison de la configuration du serveur.

Lors de l’utilisation de PHP sous UNIX/Linux comme module serveur, le fichier content_slider.tpl.html doit toujours avoir le droit d’accès au fichier 666 afin que le serveur Web puisse y accéder en écriture. Le dossier resources/curseur du contenu doit exister et avoir les autorisations 777, sinon vous devez l’ajuster.

Annexe : Exemples

Aide supplémentaire

Avez-vous besoin d’un soutien supplémentaire ? PepperShop vous offre différentes options.

• Souvent un clic dans l’administration en haut à droite sur l’icône du point d’interrogation aide. Ici, vous pouvez obtenir une aide directe sur le sujet concerné.
• Diverses réponses peuvent être trouvées dans la FAQ. Celles-ci peuvent également être consultées dans l’administration de la boutique via Help&News -> Help archive. Ou via notre page d’accueil https://www.peppershop.com/de/services/support/faq/
• Dans la PepperShop Academy https://www.peppershop.com/de/services/academy/, vous pouvez facilement trouver divers tutoriels vidéo gratuits.
• Nous sommes également à votre disposition par mail ou par téléphone (CHF 185./h) support@glarotech.ch ou +41 71 923 08 58