THÈME SHOPIWEB
  • INTRODUCTION
  • SECTIONS
    • PANIER COULISSANT
      • Comptes à rebours panier
      • Barre d'annonces
      • Bump en 1 clic
      • Image
    • MODÈLE
      • INFORMATIONS PRODUITS
        • Badge personnalisé
        • Texte
        • Texte enrichi
        • Note de produit
        • Séparateur
        • Pop-up
        • Pack de produits
        • État des stocks
        • Estimation de livraison
        • Sniper live
        • Image
        • Rangée réductible
        • Description
        • Offre groupée
        • Liquid personnalisé
        • Champ texte personnalisé
        • Collection personnalisé
      • Barre d'annonces
      • Instagram galerie
      • Parallaxe
      • Marque logo/ texte
      • Articles de blog
      • Bannière avec image
      • Bannière avec vidéo
      • Bordure personnalisée
      • Collage
      • Collection en vedette
      • Contenu personnalisé
      • Contenu réductible
      • Formulaire de contact
      • Image avec texte
      • Inscription à la liste de diffusion
      • Liste des collections
      • Multicolonne
      • Navigation personnalisée
      • Onglets multiples
      • Produit en vedette
      • Suivi commande
      • Texte dynamique
      • Texte défilant
      • Texte enrichi
      • Témoignages
      • Vidéo
      • Vidéo avec texte
      • Diaporama
  • PARAMÈTRES DU THÈME
    • Écosystème du thème
    • CODE PERSONNALISÉ
      • Head
      • CSS
      • JavaScript
    • EFFECTS
      • Effect titre
      • Effect SVG sous-titre
      • Effect paragraphe
      • Effect bouton
      • Effect image
      • Effect block
    • RÉSEAUX SOCIAUX
      • Twitter
      • Facebook
      • Pinterest
      • Instagram
      • Tik Tok
      • Tumblr
      • Snapchat
      • YouTube
      • Vimeo
    • PARAMÈTRES GÉNÉRAUX
      • Image favicon
      • Mise en page
      • Grille
      • Codes de devise
      • Suggestions de produits
      • Carrousel
    • COULEURS
      • Couleurs primaires
      • Couleurs secondaires
      • Boutons de paiement (ATC)
      • Couleurs prix
    • TYPOGRAPHIE
      • Titre
      • Corps
    • BOUTONS
    • CONTENEURS
      • Style de variantes
      • Entrées
      • Cartes
      • Conteneurs de contenu
      • Style d'image et vidéo
      • Menus déroulants et pop-ups
      • Tiroirs
      • Badges
    • APPLICATIONS
      • Protection de boutique
      • Flèche de retour en haut
      • Liste de souhaits
      • Cookies RGPD
      • Chat de messagerie
    • PANIER
    • PASSAGE À LA CAISSE
    • CSS PERSONNALISÉ
    • STYLE DE THÈME
      • Changer le style du thème
  • MISES À JOUR
    • Thème ECOM PRO
  • LAISSEZ UN AVIS
Propulsé par GitBook
Sur cette page
  • Comment activer la flèche de retour en haut de page
  • Comment personnaliser la flèche de retour en haut de page
  • Vous avez terminé de régler la flèche de retour en haut de page

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

  1. PARAMÈTRES DU THÈME
  2. APPLICATIONS

Flèche de retour en haut

Paramétrer la flèche de retour en haut de page avec le thème SHOPIWEB

PrécédentProtection de boutiqueSuivantListe de souhaits

Dernière mise à jour il y a 2 ans

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

La flèche de retour en haut de page est une application intégrée au thème Shopify® français SHOPIWEB. Cette fonctionnalité est très appréciée des utilisateurs car elle permet de revenir en haut d’une page sans avoir besoin de la scroller à nouveau. Facile à utiliser, il suffit de cliquer sur le bouton pour que la page se scrolle automatiquement.

Découvrez dans ce rapide tutoriel, comment profiter de cette application SHOPIWEB gratuite. Et si vous n’avez pas encore de licence SHOPIWEB, rendez-vous juste pour commander la vôtre.

Comment activer la flèche de retour en haut de page

  • Depuis le tableau de bord Shopify®, cliquez sur BOUTIQUE EN LIGNE > THÈMES > PERSONNALISER

  • Une fois dans la personnalisation de SHOPIWEB, cliquez sur PARAMÈTRES DU THÈME

  • Rendez-vous sur le menu APPLICATIONS pour afficher toutes les applications disponibles dans SHOPIWEB

  • Descendez jusqu’à ⬆️ FLÈCHE DE RETOUR EN HAUT

  • Pour l’activer, cochez la case ACTIVER

  • Vérifiez que la flèche de retour en haut s’affiche bien en bas à droite de votre écran dans la zone de prévisualisation (pour information, la flèche s’affiche uniquement lorsque vous faites défiler la page)

Comment personnaliser la flèche de retour en haut de page

  • En dessous de la case ACTIVER, vous découvrez la fonctionnalité suivante : COMBINAISON DE COULEURS. Vous avez le choix entre ACCENT 1, ACCENT 2, ARRIÈRE-PLAN 1, ARRIÈRE-PLAN 2, INVERSER. Ces couleurs sont celles que vous aurez paramétrés au préalable dans le menu PARAMÈTRE DU THÈME > COULEURS

  • Une fois la couleur de votre bouton de retour en haut réglée, cliquez sur le menu suivant : POSITION DE LA FLÈCHE pour décider si vous préférez que votre bouton de retour en haut soit en bas à droite ou en bas à gauche de l’écran

  • Le réglage suivant vous permet d’ajuster une marge par rapport au bas de l’écran : DÉCALAGE PAR RAPPORT AU BAS (l’unité de mesure est en pixels). Cette option vous permet d’ajuster l’affichage au cas où vous auriez d’autres fonctionnalités à afficher en bas de page comme le Chat de messagerie par exemple

  • Une fois les réglages terminés, pensez à cliquer sur ENREGISTRER pour que les modifications soient bien sauvegardées et prises en compte

Vous avez terminé de régler la flèche de retour en haut de page

Félicitations, vous avez réussi l’activation et la personnalisation de l’application SHOPIWEB de la flèche de retour en haut de page. En quelques minutes, vous offrez à vos utilisateurs, une meilleure expérience d’achat sur votre boutique e-commerce.

Retrouvez l’ensemble du tutoriel dans la vidéo ci-dessous

Besoin d’un coup de main ?

Profitez d’un coaching personnalisé avec Xavier LOPES, le créateur du thème SHOPIWEB. Durant cet entretien privilégié, il vous apprend à devenir autonome en création de boutique e-commerce avec Shopify®. Infos et réservations disponibles sur .

cette page
ici
Vidéo tutoriel pour apprendre à paramétrer la flèche de retour en haut de votre boutique Shopify® avec le thème SHOPIWEB
Étape 1 : Cliquez sur BOUTIQUE EN LIGNE > THÈMES > PERSONNALISER
Étape 2 : Cliquez sur PARAMÈTRES DE THÈME > APPLICATIONS
Étape 3 : Personnalisez la flèche de retour en haut à l'aide des 3 réglages
Capture d'écran de l'étape 1 pour activer la flèche de retour en haut depuis le thème SHOPIWEB
Capture d'écran de l'étape 2 pour activer la flèche de retour en haut sur une boutique Shopify
Capture d'écran de la dernière étape pour personnaliser l'application de flèche de retour en haut sur une boutique shopify qui utilise le thème français SHOPIWEB