Page panier - Intégration des offres d'assurance

Pour configurer la page du panier, veuillez saisir les informations suivantes :

  • Enable cart summary page insurance proposition feature :
    • Description : Activez cette option pour afficher la proposition d'assurance d'Estaly sur votre page panier.
    • Options :
      • Enabled : Activez pour afficher.
      • Disabled : Désactivez pour ne pas afficher.

  • Product Name component query selector :

    • Description : Indiquez la query selector du composant HTML contenant le nom du produit dans le panier.

    • Condition : À configurer uniquement si l'intégration panier est activée.

    • Exemple : valeur : ".label"


  • Estaly suggestion button parent query selector :

    • Description : Renseignez la query selector CSS du composant qui contiendra le bouton Estaly pour proposer l'assurance (par exemple, "Protégez votre produit pour 30€").

    • Condition : À spécifier si l'intégration panier est activée.

    • Exemple : valeur : ".product-line-grid-body"


  • Cart summary global component query selector :

    • Description : Définissez la query selector du composant affichant le résumé du panier, permettant la mise à jour de l'offre d'assurance à chaque modification du panier.

    • Condition : À configurer si l'intégration panier est activée.

    • Exemple : valeur ".cart-container"


  • Remove product button query selector :

    • Description : Indiquez la query selector du composant HTML permettant de supprimer un produit du panier.

    • Détails supplémentaires : Ce composant contient généralement un attribut data-product avec les informations d'identification du produit supprimé, ce qui permet au module de retirer l'assurance associée si nécessaire.

    • Condition : À définir uniquement si l'intégration panier est activée.

    • Exemple : valeur ".remove-from-cart"


  • Cart Item component query selector :

    • Description : Mentionnez la query selector du composant HTML représentant un article dans le panier (comme "cart_item").

    • Utilité : Cette configuration permet au module d'analyser et d'interagir avec les articles du panier.

    • Condition : À régler si l'intégration panier est active.

    • Exemple : valeur ".cart-item"

  • Cart Item quantity input query selector :

    • Description : Query selector de l'input HTML qui permet de modifier la quantité d'un produit dans le panier
    • Image : valeur: .cart_quantity_input.form-control.grey
  • Cart modal parent component query selector :

    • Description : Query selector du composant HTML dans lequel placer la modal panier d'Estaly
    • Exemple : valeur: .footer