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
Mesures
Dans l’éditeur de thème (Personnaliser) , cliquez sur Ajouter une section.
Localiser la section du curseur d'image avant/après
Apportez les modifications nécessaires.
Sauvegarder.
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