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 👇
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 page produit 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é
4) Configurez WideBundle pour ouvrir le panier sur le côté
- Retournez sur l'application WideBundle
- Activez de nouveau WideBundle
- Depuis WideBundle, cliquez sur Paramètres & Design dans le menu de gauche
- Cliquez sur la section "Bouton Ajout-au-panier"
- Changez la redirection du bouton ajout au panier et mettez "Panier sur le côté"
Et voilà !
Vous pouvez à nouveau tester mais il ne devrait pas y avoir de problème
Mis à jour le : 23/11/2024
Merci !