Ajouter un slider d'images ou une bannière promo
Faites glisser un bloc Slider sur votre page pour un enchaînement d'images avec boutons, ou un bloc Bannière pour une barre promo refermable contenant un texte et un bouton.
Étapes
Slider d'images
- Ouvrez Boutique en ligne → Paramètres du thème et sélectionnez la page (généralement Accueil).
- Cliquez sur l'icône + (Ajouter des blocs), recherchez Slider, survolez-le pour voir les six designs dans Variantes disponibles, puis faites-en glisser un sur la page. Slider figure aussi dans Sections prêtes à l'emploi.
- Cliquez sur le slider. Pour chaque diapositive, téléversez une Image de bureau et une Image mobile depuis la Médiathèque (images jusqu'à 15 Mo, JPG ou PNG recommandés) et renseignez le titre et la description.
- Ajoutez un appel à l'action: Texte du bouton, URL du bouton, Ouvrir dans un nouvel onglet, ainsi que les couleurs et le rayon du bouton.
- Activez Diaporama automatique et définissez le Délai en millisecondes (1000 ms ou plus recommandés). Activez Afficher le dégradé si vous voulez un voile plus sombre derrière le texte.
- Sur les designs en grille, réglez Nombre d'articles dans la grille / en mobile / sur Tablet, Vitesse et Direction.
- Cliquez sur Enregistrer.
Bannière promo
- Dans Ajouter des blocs, faites glisser un bloc Bannière en haut de la page.
- Activez Afficher l'icône de fermeture si les visiteurs doivent pouvoir la fermer.
- Appuyez sur + sur la bannière pour ajouter des blocs enfants — un Titre ou un Paragraphe pour le message et un Bouton ou un Lien.
- Stylisez l'arrière-plan et l'espacement dans l'onglet Styles, puis cliquez sur Enregistrer.
Problèmes courants
- Les diapositives semblent recadrées sur téléphone → téléversez une Image mobile distincte adaptée aux écrans en portrait au lieu de réutiliser l'image de bureau.
- Le slider ne défile pas tout seul → Diaporama automatique est désactivé, ou le Délai est trop court pour être perceptible; réglez-le sur 1000 ms ou plus.
- La bannière n'a pas de texte → une Bannière est un conteneur vide; ajoutez un Titre ou un Paragraphe à l'intérieur avec le bouton +.
- Les diapositives modifiées dans une langue n'apparaissent pas dans une autre → les modifications ne s'appliquent qu'à la langue sélectionnée dans l'éditeur; changez de langue et recommencez, puis cliquez sur Enregistrer.
Voir aussi
- Comment configurer votre page d'accueil : bannière, sliders et grilles de produits
- Modifier le texte, les images et les boutons d'une page
- Ajouter une popup (fenêtre modale) sur une page