Si vous rencontrez des problèmes d'affichage du widget sur votre site personnalisé, vous pouvez vérifier les points suivants.
Assurez-vous d'avoir correctement inséré les scripts de la bibliothèque Scalapay dans la balise <head> de la page HTML du produit ou du panier. Le script devrait être structuré ainsi :
<script type="module" src="https://cdn.scalapay.com/widget/v3/js/scalapay-widget.esm.js"></script>
<script nomodule src="https://cdn.scalapay.com/widget/v3/js/scalapay-widget.js"></script>
Vérifiez que vous avez correctement défini les montants minimum et maximum dans le body de la configuration du widget.
Vérifiez que le champ `amount-selectors` pointe vers le bon sélecteur de prix sur la page produit ou panier. N'oubliez pas d'insérer le sélecteur dans le format correct `[" , "]`.
Comment identifier le bon sélecteur de prix ?
Faites un clic avec le bouton droit sur la page et cliquez sur "Inspecter".
Inspectez la page pour trouver l'endroit où vous souhaitez activer un élément.
3. Une fois l'élément trouvé, recherchez le sélecteur dans le code HTML. Copiez le sélecteur et collez-le dans le champ `amount-selectors`.
Le code pourrait ressembler à ceci :
`div.summary.entry-summary > div > form > table > tbody > tr:nth-child(2) > td.value > div > div > div > div.woocommerce-variation-price > span > span > bdi.`