Où placer la barre de progression dans un thème Shopify : tiroir panier, page panier, page produit

Placer la barre dans le tiroir panier ou ailleurs

La méthode recommandée est Placer la barre de progression : vous désignez l’endroit dans votre thème, et l’app le retient. Elle fonctionne pour le tiroir panier (cart drawer), la page panier, la page produit ou toute autre partie du thème.

1. Dans l’app, ouvrez Intégration au thème, onglet Emplacements.
2. Sous Thèmes, vérifiez le thème sur lequel vous travaillez (Choisir un thème). Le thème en ligne porte le badge (thème actuel). Les emplacements sont enregistrés par thème.
3. Dans la section Activation de l’app embed, cliquez sur Activer si l’app embed n’est pas encore actif, activez Yaco Progress Bar dans l’éditeur de thème et enregistrez.
4. Dans Tiroir panier et placements généraux, cliquez sur Placer la barre de progression (ou Gérer les placements de la barre quand un emplacement existe déjà).
5. L’éditeur de thème s’ouvre avec le menu Intégrer la barre de progression Yaco. Cliquez sur Ajouter la barre de progression, puis sur l’élément de la page où la barre doit apparaître.
6. Ajustez le formulaire si besoin, puis cliquez sur Enregistrer.

Si l’inspecteur de thème de Shopify est actif, le menu de Yaco vous demande de le désactiver d’abord : le placement ne fonctionne pas tant qu’il est actif.

Réglages d’un emplacement

Chaque emplacement a ses propres réglages, dans l’éditeur de thème ou depuis la liste Intégrations au thème de la même page :

• Élément de référence et Position par rapport à l’élément de référence : où va la barre (avant, après, premier enfant, dernier enfant ou à la place de l’élément).
• Condition de visibilité : toujours visible, seulement quand le panier contient des articles, ou seulement quand il est vide.
• Afficher sur les templates : limiter l’emplacement à certains modèles de page. Tous par défaut.
• Filtre de goals : afficher tous les paliers, seulement certains, ou en masquer certains à cet emplacement.
• Design : le design utilisé à cet emplacement.
• Classes CSS et CSS du conteneur : affiner les marges autour de la barre.

Un emplacement se coupe sans être supprimé avec Désactiver l’intégration.

Reprendre des emplacements d’un autre thème ou d’une autre boutique

• Importer, dans la carte Intégrations au thème, copie les emplacements d’un autre thème de cette boutique, ou d’une autre boutique où vous utilisez Yaco avec le même compte Shopify. Une boutique apparaît dès que vous y avez ouvert Yaco avec ce compte. Un emplacement déjà utilisé sur le thème n’est jamais ajouté deux fois.
• Quand d’autres boutiques équipées de Yaco utilisent le même thème dans la même version, un encart emplacements prêts pour votre thème propose leurs emplacements. Ils sont anonymisés et marqués Même version ou Version proche. Cochez ceux qui vous intéressent et vérifiez le résultat.
• Quand vous dupliquez un thème dans Shopify, ses emplacements sont recopiés automatiquement sur le nouveau thème.

Méthodes alternatives

L’onglet Méthodes alternatives regroupe les autres façons d’ajouter la barre :

• Page produit et page panier : cliquez sur Aller au template de page produit, puis dans Template › Informations produit, cliquez sur Ajouter un bloc et choisissez Yaco Progress Bar. Pour la page panier, passez par Aller au template de la page panier et la section Template › Sous-total.
• Je suis développeur : copiez la ligne de code avec Copier et collez-la dans n’importe quel template Liquid. Modifier le code ouvre l’éditeur de code du thème.
• Intégration auto au tiroir panier (Haut du tiroir panier ou Bas du tiroir panier) : une ancienne méthode, marquée Obsolète, qui ne fonctionne pas sur tous les thèmes. Préférez Placer la barre de progression.

Pour le checkout, voir barre de progression au checkout.

Demander une intégration sur mesure gratuite

Si vous ne trouvez pas le bon endroit, cliquez sur Contactez-nous dans le bandeau Besoin d’aide pour placer la barre de progression sur votre thème ?. L’équipe Yaco place la barre pour vous, gratuitement. Ajouter votre Code de demande de collaboration est facultatif mais accélère le traitement. La plupart des intégrations sont faites le jour même ou le jour ouvrable suivant.

Si la barre est placée mais reste invisible, lisez la barre ne s’affiche pas ou problèmes de tiroir panier.