Curseur d'image avant/après

Avec la section de curseur d'image Avant/Après de Sleek, vous pouvez créer des curseurs horizontaux ou verticaux pour votre boutique Shopify, libérant ainsi le potentiel créatif de votre site.

L'utilisation d'un curseur d'image Avant/Après peut vous apporter plusieurs avantages tels que :

  • Stimuler l'engagement sur votre boutique Shopify grâce à l'interaction ;

  • Créer des histoires visuelles convaincantes ;

  • Présenter des présentations impressionnantes ou convaincantes.

Comment ajouter un curseur d'image avant/après

Pour obtenir le meilleur résultat, il est recommandé d'utiliser des images de même taille et de même position, et il existe des différences visuellement distinctes entre les photos avant et après.

Comment modifier un curseur d'image avant/après

Paramètres de section

Général

Ajustez le conteneur (largeur fixe/petit) pour cette section.

En-tête de section

Sélectionnez votre mise en page préférée pour la section :

Ajoutez le contenu que vous souhaitez dans le titre pour attirer l'attention des clients

  • Laissez-le vide si vous ne souhaitez pas l'afficher

Vous pouvez également modifier la taille du titre comme suit :

  • Titre xs

  • Titre sm

  • Titre md

  • Titre lg

  • Titre xl

  • Titre 2xl

  • Affichage md

  • Écran lg

  • Affichage xl

Surligner le texte

Utilisez les champs de texte fournis pour ajouter un sous-titre et une description appropriés .

  • Laissez-les vides si vous ne souhaitez pas les afficher

Le bouton d'appel à l'action obtiendra le lien à partir du champ de lien du bouton fourni .

Donnez au bouton une étiquette et un style de bouton spécifique :

  • Bouton principal

  • Bouton secondaire

  • Bouton de soulignement

Paramètres de l'image avant/après

Les paramètres vous permettent de décider dans quelle direction glisser ( vertical / horizontal ).

Définissez la hauteur de l'image de la section sur Adapter à l'image / Petite / Moyenne / Haute .

Modifiez le style d'en-tête de l'image en Badges ou en Texte brut .

Vous pouvez également ajouter un produit à cette section, afin que les clients puissent facilement accéder au produit cible.

Paramètres de blocage

Il y a 2 blocs d'images dans un curseur d'image Avant/Après.

Vous devez remplir les deux blocs pour que le curseur fonctionne.

Vous pouvez sélectionner des images à afficher sur ordinateur et mobile ( Image et Image mobile ).

Ajoutez un en-tête Image à votre bloc d’images Avant/Après et modifiez le jeu de couleurs si nécessaire.

Last updated