Page produit - Intégration des offres d'assurance

Pour configurer correctement l'affichage de l'offre d'assurance sur vos pages produit de votre boutique PrestaShop, veuillez suivre les instructions détaillées ci-dessous :

Add to cart button(s) query selector :
- Description : Indiquez la query selector associée au(x) bouton(s) "Ajouter au panier" sur la page produit.
- Remarque : Celà doit permettre de lister formellement le(s) bouton(s) "Ajouter au panier" uniquement.
- Exemple : valeur ".add-to-cart"

Enable variant update watcher :
- Description : Configurez selon la structure de votre site.
- Options :
  - Disabled : Si le hook GetProductAdditionnalInfo (1.7) ou DisplayFooterProduct (1.6) se déclenche à chaque fois qu'un variant est sélectionné.
  - Enabled : Si le hook mentionné ci-dessus ne se déclenche pas lors de la sélection d'un variant.

Variant update component selector :
- Description : À fournir si l'option précédente est réglée sur "Enabled". Indiquez l'identifiant ou la classe (query selector) CSS du composant HTML à observer pour la mise à jour des variants.
- Exemples de valeurs : .variant-container pour une classe, #variant-container pour un identifiant.
- Exemple : valeur #tab-content

Product page modal parent component :
- Description : Indiquez la query selector du composant parent HTML de la modal qui s'affiche lorsqu'un utilisateur clique sur "En savoir plus" dans l'offre d'assurance.
- Exemples : .footer pour une insertion dans un composant de classe "footer".
- Remarque : Nous vous recommandons de laisser dans un premier temps cette valeur vide, si les modal sont ecrasées par d'autres composants à cause du z-index, dans ce cas la choisir un composant pour être sûr qu'il n'y est pas de problème au niveau des z-index.

Enable product page insurance proposition feature :
- Description : Activez cette option pour afficher la proposition d'assurance d'Estaly sur vos pages produit.
- Options :
  - Enabled : Activez pour afficher.
  - Disabled : Désactivez pour ne pas afficher.

Estaly parent component :
- Description : Query selector à spécifier si l'option précédente est activée et que vous souhaitez personnaliser l'emplacement du composant Estaly.
- Exemples :
  - .parent_component pour placer l'offre d'assurance à l'intérieur de la balise
  - -.parent-component pour placer l'offre d'assurance à la suite de la balise
  - Si vous souhaitez garder le placement par default, laissez vide.
- Image :

Enable product page insurance proposition feature in crosselling modal :
- Description : Activez cette option pour afficher la proposition d'assurance d'Estaly sur vos pages produit après l'ajout au panier d'un produit assurable sans assurance.
- Options :
  - Enabled : Activez pour afficher.
  - Disabled : Désactivez pour ne pas afficher.
- Image :

Estaly crosselling related component class :
- Description : Query selector à spécifier si l'option précédente est activée et que vous souhaitez proposer l'offre d'assurance après l'ajout au panier d'un produit assurable sans assurance.
- Exemples :
  - .clearfix pour placer l'offre d'assurance à l'intérieur de la balise
  - -.clearfix pour placer l'offre d'assurance à la suite de la balise
- Image :
Product page quantity input query selector :
- Description : Query selector si la quantité du produit à ajouter au panier est modifiable.
  
  Image : Valeur : #quantity_wanted