Content Slider

Temps de lecture: 4 minutes


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.

Illustration 1: Le module du curseur de contenu est listé (les modules affichés peuvent varier)

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

Illustration 2: Modules installés

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

Illustration 3: Module du dialogue configuration curseur de contenu
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.

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 ?

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.

Illustration 4: Exemple basé sur une boutique standard nouvellement installée (le design peut varier).

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 Professional ou Enterprise 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 FTP1 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



  1. Par exemple avec le programme gratuit FileZilla Client: http://filezilla-project.org/
🌶️
🔥
🌶️