Comment utiliser le panier sur le côté sur GemPages ?
Wide Hello!
On va voir dans cet article comment faire pour ouvrir le panier sur le côté sur GemPages lorsqu'un client ajoute une offre WideBundle à son panier.
Avant de commencer, vous devez savoir qu'il est nécessaire d'avoir un panier sur le côté, que ce soit par votre thème ou grâce à une application.
WideBundle ne créera pas un panier sur le côté lui-même.
C'est parti !
Si vous préférez avoir les explications en vidéo vous pouvez la regarder juste ici 👇
La première étape consiste à ajouter différents éléments sur GemPages qui sont nécessaires au bon fonctionnement du panier sur le côté. WideBundle a besoin de se synchroniser avec les éléments suivant: Le sélecteur de variantes, le bouton quantité, le bouton ajout-au-panier.
Une fois qu'ils sont ajoutés, WideBundle se chargera de les détecter et de les cacher automatiquement pour ne pas qu'ils apparaissent en double avec WideBundle !
Ouvrez votre page sur GemPages sur laquelle vous faites apparaître WideBundle
Cherchez le module "(P) Variants" pour le sélecteur de variantes et placez le sur votre page juste au dessus de WideBundle si vous ne l'avez pas encore
Faites de même en plaçant le module "(P) Cart Button" pour le bouton ajout-au-panier à mettre juste en-dessous du sélecteur de variantes si vous ne l'avez pas encore
Puis terminez avec le module "(P) Quantity" pour le sélecteur de quantité à mettre sous le sélecteur de variantes si vous ne l'avez pas encore
Maintenant il va falloir configurer le bouton ajout-au-panier de GemPages pour ouvrir le panier sur le côté.
On va ensuite s'assurer que le bouton ajout-au-panier ouvre bien le panier sur le côté sans WideBundle.
Cliquez sur le module du bouton ajout-au-panier que vous avez ajouté
Activez le mode "Ajax Cart"
Sauvegardez et Publiez votre page.
On va maintenant s'assurer que le panier sur le côté s'ouvre bien sans WideBundle avant de continuer.
Ouvrez l'application WideBundle
Désactivez l'affichage de WideBundle pour quelques minutes (afin de tester l'ouverture du panier sur le côté sans WideBundle)
Rendez-vous sur votre boutique et ouvrez la page produit sur laquelle vous avez ajouter le sélecteur de variante, le bouton ajout-au-panier ainsi que le sélecteur de quantité
Essayez d'ajouter le produit au panier et voyez si le panier sur le côté s'ouvre bien comme configuré
💡 Si le panier sur le côté ne s'ouvre pas en ayant bien fait toutes les étapes précédentes, contactez GemPages pour avoir de l'assistance, il doit y avoir un problème qui n'est pas lié à WideBundle.
Retournez sur l'application WideBundle
Activez de nouveau WideBundle
Cliquez sur Paramètres dans le menu du haut
Dans la section sur la gauche, cliquez sur Bouton ajout-au-panier
Changez la redirection du bouton ajout-au-panier et mettez "Rediriger sur le panier sur le côté"
Et voilà !
Vous pouvez à nouveau tester mais il ne devrait pas y avoir de problème
On va voir dans cet article comment faire pour ouvrir le panier sur le côté sur GemPages lorsqu'un client ajoute une offre WideBundle à son panier.
Avant de commencer, vous devez savoir qu'il est nécessaire d'avoir un panier sur le côté, que ce soit par votre thème ou grâce à une application.
WideBundle ne créera pas un panier sur le côté lui-même.
C'est parti !
Si vous préférez avoir les explications en vidéo vous pouvez la regarder juste ici 👇
1) Ajoutez le sélecteur de variantes, le bouton ajout-au-panier et le sélecteur de quantité
La première étape consiste à ajouter différents éléments sur GemPages qui sont nécessaires au bon fonctionnement du panier sur le côté. WideBundle a besoin de se synchroniser avec les éléments suivant: Le sélecteur de variantes, le bouton quantité, le bouton ajout-au-panier.
Une fois qu'ils sont ajoutés, WideBundle se chargera de les détecter et de les cacher automatiquement pour ne pas qu'ils apparaissent en double avec WideBundle !
Ouvrez votre page sur GemPages sur laquelle vous faites apparaître WideBundle
Cherchez le module "(P) Variants" pour le sélecteur de variantes et placez le sur votre page juste au dessus de WideBundle si vous ne l'avez pas encore
Faites de même en plaçant le module "(P) Cart Button" pour le bouton ajout-au-panier à mettre juste en-dessous du sélecteur de variantes si vous ne l'avez pas encore
Puis terminez avec le module "(P) Quantity" pour le sélecteur de quantité à mettre sous le sélecteur de variantes si vous ne l'avez pas encore
2) Configurez votre bouton ajout-au-panier pour ouvrir le panier sur le côté
Maintenant il va falloir configurer le bouton ajout-au-panier de GemPages pour ouvrir le panier sur le côté.
On va ensuite s'assurer que le bouton ajout-au-panier ouvre bien le panier sur le côté sans WideBundle.
Cliquez sur le module du bouton ajout-au-panier que vous avez ajouté
Activez le mode "Ajax Cart"
Sauvegardez et Publiez votre page.
3) Testez l'ouverture du panier sur le côté sans WideBundle
On va maintenant s'assurer que le panier sur le côté s'ouvre bien sans WideBundle avant de continuer.
Ouvrez l'application WideBundle
Désactivez l'affichage de WideBundle pour quelques minutes (afin de tester l'ouverture du panier sur le côté sans WideBundle)
Rendez-vous sur votre boutique et ouvrez la page produit sur laquelle vous avez ajouter le sélecteur de variante, le bouton ajout-au-panier ainsi que le sélecteur de quantité
Essayez d'ajouter le produit au panier et voyez si le panier sur le côté s'ouvre bien comme configuré
💡 Si le panier sur le côté ne s'ouvre pas en ayant bien fait toutes les étapes précédentes, contactez GemPages pour avoir de l'assistance, il doit y avoir un problème qui n'est pas lié à WideBundle.
4) Configurez WideBundle pour ouvrir le panier sur le côté
Retournez sur l'application WideBundle
Activez de nouveau WideBundle
Cliquez sur Paramètres dans le menu du haut
Dans la section sur la gauche, cliquez sur Bouton ajout-au-panier
Changez la redirection du bouton ajout-au-panier et mettez "Rediriger sur le panier sur le côté"
Et voilà !
Vous pouvez à nouveau tester mais il ne devrait pas y avoir de problème
Mis à jour le : 30/04/2023
Merci !