Dans ce guide, vous trouverez les paramètres HTML permettant d'ajouter un panier d'achat à toutes les pages de votre site. Les paramètres sont contenus dans le code d'intégration de votre Webshop et se présentent ainsi :
cartType: 'overlay'
cartColor: '#56AAD8'
showMobileCart: true
flatBackgroundColor: 'transparent'
overlayBackgroundColor: '#F3F3F3'
mobileBackgroundColor: '#FFFFFF'
overlayPosition: 75
Si vous souhaitez afficher le panier d'achat sur votre site Website Builder, vous pouvez l'intégrer grâce au composant code.
L'emplacement du composant code doit être Normal ou Devant la fin de la balise </de corps>. Si vous positionnez le composant code dans le modèle, il sera alors visible sur l'ensemble des pages utilisant ce modèle.
Quels paramètres puis-je modifier ?
Vous avez la possibilité de modifier les paramètres suivants :
- Sélectionnez le type de panier d'achat
- Définir la couleur du panier d'achat
- Afficher le panier d'achat sur la version mobile
- Couleur de fond du panier d'achat en position 'flat'
- Couleur de fond du panier d'achat en position 'overlay'
- Couleur de fond du panier d'achat de la version mobile
- Emplacement visible en permanence
Nous vous présentons le rôle de chaque paramètre et les ajustements que vous pouvez y apporter.
Sélectionnez le type de panier d'achat
Vous pouvez choisir le type de panier d'achat à afficher :
- overlay - le panier d'achat est affiché en permanence sur l'emplacement déterminé. L'icône restera visible même lorsque l'utilisateur fera défiler la page vers le bas.
- flat - l'icône est positionnée sur un emplacement fixe de la page. Elle ne sera plus visible à partir du moment où l'utilisateur fera défiler la page vers le bas.
Choisissez entre 'overlay' et 'flat'. Si vous ne sélectionnez aucune option, le paramètre 'overlay' sera appliqué par défaut.
Exemple :
cartType: 'overlay'
Définir la couleur du panier d'achat
Ce paramètre permet de déterminer la couleur du panier d'achat utilisée pour tous les types de paniers : flat, overlay ainsi que pour la version mobile. La valeur par défaut est #56AAD8, mais vous pouvez la modifier avec le code de couleur HTML de votre choix.
Exemple :
cartColor: '#56AAD8'
Afficher le panier d'achat sur la version mobile
Cette option vous permet de désactiver l'affichage du panier d'achat sur les appareils mobiles. Choisissez la valeur true pour afficher le panier d'achat sur la version mobile ou la valeur false pour le masquer.
Exemple :
showMobileCart: true
Couleur de fond du panier d'achat en position 'flat'
Cette option permet de modifier la couleur de fond du panier d'achat en position 'flat'. Cela permet d'intégrer un petit carré autour de l'icône du panier d'achat. Par défaut, le paramètre sélectionné est transparent, mais vous pouvez le remplacer par le code de couleur HTML de votre choix.
Exemple :
flatBackgroundColor: 'transparent'
Couleur de fond du panier d'achat en position 'overlay'
Cette option permet de modifier la couleur de fond du panier d'achat en position overlay. Cela permet d'intégrer un petit carré autour de l'icône du panier d'achat. Par défaut, le paramètre sélectionné est gris clair (#F3F3F3), mais vous pouvez le remplacer par le code de couleur HTML de votre choix.
Exemple :
overlayBackgroundColor: '#F3F3F3'
Couleur de fond du panier d'achat de la version mobile
Cette option permet de modifier la couleur de fond du panier d'achat de la version mobile. Cela permet d'intégrer un petit carré autour de l'icône du panier d'achat. Par défaut, le paramètre sélectionné est blanc (#FFFFFF), mais vous pouvez le remplacer par le code de couleur HTML de votre choix.
Exemple :
mobileBackgroundColor: '#FFFFFF'
Emplacement visible en permanence
Cette option définit le positionnement vertical du panier d'achat overlay par rapport au haut de la page. Plus le pourcentage est élevé, plus le panier d'achat sera positionné vers le bas de la page. Le pourcentage est calculé en fonction de la hauteur de l'écran. Sélectionnez un nombre entre 1 et 100.
Exemple :
overlayPosition: 75
Articles connexes : articles connexes: