DOCUMENTATION SHOPIWEB PREMIUM
  • 👋Bienvenue
  • Présentation
    • 🏆Shopiweb Premium
    • 💳Achat du thème
    • ✨Nos Fonctionnalités
  • Documentation
    • PARAMÈTRES DU THÈME
      • 🟢ÉCOSYSTÈME DU THÈME
      • 🟠CODE PERSONNALISÉ
      • 🟢COULEURS
      • 🟢STYLE
      • 🟢TYPOGRAPHIE
      • 🟠ANIMATIONS
      • 🟢RÉSEAUX SOCIAUX
      • 🟠APPLICATIONS
        • 🟢Titre onglet inactif
        • 🟠Compte à rebours panier
        • 🟠Objectif panier
        • 🟠Chat WhatsApp
        • 🟠Protection boutique
        • 🟠Cookies RGPD
      • 🟢PANIER
        • 🟠Panier coulissant
        • 🟢🏆 Protection Colis
        • 🟢Témoignage Panier
      • 🟢RECHERCHE
      • 🟢VARIANTES
        • 🟢Sélecteur de devise
      • 🟠PASSAGE À LA CAISSE
      • 🟠CSS PERSONNALISÉ
    • EN-TÊTE
      • 🟢En-tête (navigation)
        • 🟢🏆 Bouton
        • 🟢🏆 Micro menu
    • SECTIONS
      • 🟢Accordeon visuel
      • 🟢Scrolling images
      • 🟢🏆 Barre d'annonces
      • 🟢🏆 Stories animées
      • 🟢Diaporama
      • 🟢Texte/Logo défilant
      • 🟢Collection en vedette
      • 🟢Liste de collections
      • Récemment consultés
      • 🟢Texte enrichi
      • 🟢Texte défilant
      • 🟢Texte dynamique
      • 🟢Image parallaxe
      • 🟢Carte avec image
      • 🟠Cartes avec vidéo
      • 🟢🏆 TikTok galerie
      • 🟢🏆 Instagram galerie
      • 🟢Image avec texte
      • 🟢Vidéo avec texte
      • 🟢Image comparaison
      • 🟢🏆 Compteur élite
      • 🟢Compteurs animés
      • 🟢Produit en vedette
      • 🟢F.A.Q
      • 🟢🏆 HTML / Liquid
      • 🟢Vidéo interne
      • 🟢Vidéo externe
      • 🟢🏆 Newsletter Popup
      • 🟢Newsletter
      • 🟢Formulaire de contact
      • 🟢Articles de blog
      • 🟢Bordure personnalisée
      • 🟢Image
      • 🟢Multicolonne
      • 🟢Témoignages
      • 🟢Tableau comparatif
      • 🟢Flip Flap texte
      • 🟢Galerie de style
      • 🟢Chronologie
      • 🟢Collage dynamique
      • 🟢Média navigation
      • 🟢🏆 Vidéo Sticky
      • 🟢Tracking
      • 🟢Barre de réduction
      • 🟢Texte déroulant
      • 🟢Image texte explorateur
      • 🟢Ajouter un fil d’Ariane sans code sur Shopify
      • 🟢Comment créer un effet parallaxe sur une boutique shopify
      • 🟢Multi-images avec texte
      • 🟢🏆 Quiz
      • 🟠Image texte slider
      • 🟠Image pack produits
      • 🟢Image texte compteurs
      • 🟠Image texte image
    • PIED DE PAGE
      • 🟢Pied de page
    • METAFIELDS
      • 🟢🏆 Upsell Pop-up
      • 🟢🏆 Pack Produit Quantité
      • 🟢🏆 Offre Groupée
      • 🟢🏆 Évaluations ShopiTrust
      • 🟢🏆 Badges Personnalisés
      • 🟢Sous-titre de produit
      • 🟢Image Vendeur Produit
      • 🟢Texte rotatif
    • PAGE PRODUIT
      • Produit (modèle)
        • Distributeur
        • Titre
        • SKU
        • Blocs d'application
        • 🟢Évaluations (native)
        • 🟢🏆 Évaluations ShopiTrust
        • 🟢Sous-titre
        • Prix
        • 🟢Sélecteur de variante
        • 🟢Guide des tailles
        • Options d'achat
        • Boutons d'achat
        • Rangée réductible
        • Séparateur
        • 🟠Info livraison
        • Description produit
        • Texte enrichi
        • Texte défilant
        • Média
        • 🟢🏆Stories Animées
        • 🟢🏆 Trust badges
        • 🏆 Offre limitée
        • 🟠🏆 Estimation livraison
        • 🟠🏆 Live visiteurs
        • 🟠🏆 Barre d'inventaire
        • 🟠🏆 Icônes paiement
        • 🟢🏆 Packs Produits
        • 🟢🏆 Offre Groupée
        • 🟢🏆 Upsell Pop-up
        • 🏆 Précédent/Suivant
        • 🏆 Champ personnaliser
        • 🟢🏆 HTML / Liquid
        • 🟢🏆 Témoignages produit
        • 🟢🏆 Carte Cadeau
      • 🟢Applications Shopify
      • 🟢🏆 Sticky ATC
    • PAGE COLLECTION
      • Collection
      • 🏆 Collection bundle
  • Informations
    • CLUF SHOPIWEB
  • LAISSEZ UN AVIS
Propulsé par GitBook
Sur cette page
  • L’astuce
  • Retrouvez l'intégralité du tutoriel dans la vidéo suivante 👇

Cet article vous a-t-il été utile ?

  1. Documentation
  2. SECTIONS

Flip Flap texte

L’une des nouvelles sections pour apporter du dynamisme et un effet 3D à vos textes, sans ralentir votre boutique.

PrécédentTableau comparatifSuivantGalerie de style

Dernière mise à jour il y a 1 an

Cet article vous a-t-il été utile ?

Version 1.2.0

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 .

1/ Depuis la personnalisation du thème, cliquez sur SECTIONS > AJOUTER UNE SECTION > FLIP FLAP TEXTE. Il est possible d’ajouter cette section sur la page de votre choix, y compris sur un modèle de page produit. Cependant, vous ne pouvez ajouter qu’une seule section Flip Flap Texte par page.

2/ Une fois la section ajoutée, sélectionnez-la pour voir apparaître les options de personnalisation dans la colonne à droite de votre écran.

3/ Sélectionnez la couleur de l’arrière-plan de la section selon celles que vous avez définies depuis les paramètres de thème.

4/ Personnalisez la largeur du contenu de la section, en CONTENEUR ou en PLEINE LARGEUR. Si vous entrez un nombre de pixels dans le champ, sachez qu’il sera prioritaire sur les deux autres réglages.

5/ Aligner le texte à GAUCHE ou au CENTRE.

6/ Écrivez votre titre puis personnalisez la taille d’affichage.

7/ À l’aide de la jauge, choisissez le délai en secondes après quoi le mot passera au suivant.

8/ Sélectionnez la police d’écriture souhaitée, celle de vos titres ou du corps en fonction de vos réglages effectués depuis les paramètres de thème.

9/ Sélectionnez la couleur d’arrière-plan des cartes ainsi que celle des lettres qui apparaissent sur les cartes. ATTENTION : si vous ne voyez pas les changements, pensez à cliquer sur ENREGISTRER et à rafraîchir la page du navigateur pour relancer les scripts de la section Flip Flap Texte.

10/ Si vous le souhaitez, il est possible d’ajouter du texte sous le Flip Flap Texte grâce au champ DESCRIPTION. Puis, réglez la taille de la description.

11/ Pour afficher un bouton, écrivez l’appel à l’action dans le champ TEXTE DU BOUTON, ensuite collez le lien de redirection dans le champ URL DU BOUTON. Sélectionnez enfin la couleur du bouton parmi près de 20 possibilités. Terminez en sélectionnant l’une des trois tailles : PETIT, NORMAL, LARGE.

12/ Réglez les PADDINGS (espace à l’intérieur de la section) et les MARGES (espace à l’extérieur de la section).

Félicitations, la section FLIP FLAP TEXTE est à présent personnalisée aux couleurs de votre marque.

Pour ajouter du texte dans les cartes animées, retournez dans la colonne des sections situées sur la gauche de votre écran. Pour ajouter des mots, cliquez sur AJOUTER ITEM sous la section FLIP FLAP TEXTE ou cliquez sur l’un des mots de démonstration pour le modifier.

Les explications détaillées se trouvent dans la vidéo tuto disponible au bas de cette page.

Pensez à cliquer ENREGISTRER après avoir travaillé la section pour ne pas perdre vos modifications.

L’astuce

Pour qu’aucune carte ne soit vide, privilégiez des mots ayant le même nombre de lettres.

Retrouvez l'intégralité du tutoriel dans la vidéo suivante 👇

🟢
ce lien
Section FLIP FLAP TEXTE de la boutique demo du thème SHOPIWEB PREMIUM
Capture d'écran de la section FLIP FLAP TEXTE du thème Shopify® SHOPIWEB PREMIUM
Vidéo explicative pour apprendre à personnaliser la section FLIP FLAP TEXTE du thème SHOPIWEB PREMIUM