Scrolling images
La section SCROLLING IMAGES permet de faire défiler en automatique jusqu'à 3 lignes de 6 images chacune.
Dernière mise à jour
Cet article vous a-t-il été utile ?
La section SCROLLING IMAGES permet de faire défiler en automatique jusqu'à 3 lignes de 6 images chacune.
Dernière mise à jour
Cet article vous a-t-il été utile ?
AVANT DE COMMENCER : Assurez-vous d'avoir une licence active installée sur votre boutique Shopify®. Si ce n'est pas le cas, commandez une licence SHOPIWEB PREMIUM en passant par .
Depuis la personnalisation du thème, cliquez sur SECTIONS > AJOUTER UNE SECTION > SCROLLING IMAGES. Il est possible d’ajouter cette section sur la page de votre choix, y compris sur un modèle de page produit.
Une fois la section ajoutée, sélectionnez-la pour voir apparaître les options de personnalisation dans la colonne à droite de votre écran.
Sélectionnez le TYPE D'ARRIÈRE PLAN souhaité (Couleur prédéfinie, dégradé personnalisé)
Choisissez la COULEUR D'ARRIÈRE PLAN (les couleurs dépendent de celles que vous avez ajoutés depuis vos paramètres de thème).
Optez pour un affichage de la section dans un conteneur ou en pleine largeur. Si vous choisissez l'affichage CONTENEUR, entrer la largeur souhaitée en pixels dans le champs du dessous. Si vous choisissez un affichage PLEINE LARGEUR, enlevez la taille du champs ; ce format d'affichage permet à la section de prendre tout l'écran.
Sélectionnez l'alignement du texte. Préférez-vous que le texte (titre et description de la section) soit centré ou à gauche ?
Pour afficher une petite image dans l'en-tête de la section, importez-en une puis réglez la taille en entrant le chiffre en pixels dans le champs du dessous.
Écrire le texte à afficher en tant que Légende de section ou bien le supprimer pour ne rien afficher. Si vous en avez mis un, réglez ensuite sa taille et sa couleur à l'aide des deux options suivantes.
Écrire le titre à afficher en tant que TITRE OVERLAY (titre affiché en transparence en arrière-plan) de section ou bien le supprimer pour ne rien afficher. Si vous en avez mis un, réglez ensuite sa taille et sa couleur à l'aide des deux options suivantes.
Écrire le titre souhaité pour la section dans le champ texte, puis réglez sa balise SEO (choisissez de préférence un H2 sauf si la section est la première de votre page). Réglez ensuite la taille d'affichage du titre.
Écrire la description générale souhaitée pour la section dans le champ texte suivant. Pour ne rien afficher, supprimez simplement le texte. Ensuite, réglez sa taille à l'aide de l'option suivante.
Pour afficher un bouton à la section SCROLLING IMAGES, écrivez le texte du bouton dans le champ TEXTE DU BOUTON (laissez ce champ vide si vous ne souhaitez pas mettre de bouton). Dans le champ suivant, sélectionnez l'URL vers laquelle les utilisateurs seront redirigés après avoir cliqué sur le bouton. Ensuite, choisissez la couleur du bouton à l'aide du menu déroulant (les couleurs dépendent de celles entrées dans vos paramètres de thème). Terminez par la taille du bouton (Petit, Normal, Large).
Les 6 réglages suivants permettent de personnaliser l'apparence des images.
COULEUR DU FONDU : Pour un bel effet, choisissez la même couleur que celle de l'arrière plan de la section.
ESPACEMENT ENTRE LES ÉLÉMENTS : À l'aide du curseur, réglez la taille de l'espacement entre les images. Plus le chiffre est élevé et plus l'écart entre les images sera important.
Souhaitez-vous que vos images aient un contour ? Si oui, de quelle couleur et de quelle taille le voulez-vous ? Réglez-les à l'aide des options de personnalisation suivantes.
Sélectionnez la taille de l'ombre souhaitée qui apparaîtra derrière vos images, ou AUCUNE OMBRE si vous n'en voulez pas.
Terminez les réglages de la section par les espacements. Les PADDINGS permettent d'ajouter de l'espace à l'intérieur de la section. Les MARGES permettent d'ajouter de l'espace à l'extérieur de la section.
Les réglages de la section sont terminés. Maintenant, ajoutez jusqu'à 3 lignes d'images.
Dans la colonne des sections située à gauche de l'écran, cliquer sur le lien AJOUTER IMAGES sous la section SCROLLING IMAGES. Vous pouvez ajouter jusqu'à 3 lignes d'images.
Une fois la ligne ajoutée, sélectionnez-là pour ajouter jusqu'à 6 images par ligne depuis la colonne située à droite de l'écran.
Pour chaque image, cliquez sur SÉLECTIONNER UNE IMAGE puis, choisissez-en une depuis votre bibliothèque de contenu ou importez-en une depuis votre ordinateur. Les images doivent être au format carré (1000 x 1000 px).
ATTENTION : Si vous ne voyez pas les images après les avoir ajouté, c'est normal. Vous devez enregistrer les modifications pour activer le script permettant le défilement des images. Après avoir ajouté les images, cliquez sur ENREGISTRER et patientez quelques secondes le temps que la page se recharge.
Une fois vos lignes d'images ajouté, cliquez sur ENREGISTRER pour ne perdre aucune de vos modifications.
Félicitations, vous avez réussi à ajouter et personnaliser la section SCROLLING IMAGES du thème SHOPIWEB PREMIUM.
Cette section vous permet de présenter un grand nombre d'images de votre produit dans une seule et même section. Ce peut être des images de mise en situation ou des photos des détails du produit. Leur défilement en automatique permet aux visiteurs de ne rien manquer.
