Contenu
Personnalisation via JQuery ou CSS
JQuery
Il est possible d’ajouter jQuery dans la page, uniquement pour réaliser votre customisation. Pour cela vous pouvez ajouter la librairie jQuery pour y accéder.
<script src="ma_version_de_jquery" charset="utf-8"></script>
Exemple avec la dernière version :
<script src="https://code.jquery.com/jquery-3.4.1.min.js" charset="utf-8"></script>
Ensuite vous pouvez appeler les fonctions JQuery pour réaliser vos modifications :
$('.pl-wallets-title').remove();
$('.pl-container-title').remove();
Exemple pour modifier le libellé sur bouton Payer :
- Vous pouvez le changer via l’instruction JavaScript $('.pl-pay-btn').text('libellé du bouton');
Exemple pour modifier le libellé sur bouton Payer :
- Vous devez récupérer le montant dans la langue de l’acheteur via un appel à la fonction Payline.Api.getContextInfo('PaylineFormattedAmount');
- Vous pouvez modifier le texte du bouton avec la fonction : $("<classe de l’élément à modifier>").text('<texte de remplacement>'));
Attention, toujours utiliser les classes pour ces instructions, jamais l’id de l’élément qui est généré à la volée.
- Pour afficher le montant dans le bouton. L’instruction est donc $(".PaylineWidget .pl-pay-btn, .PaylineWidget .pl-btn").text('Payer '+Payline.Api.getContextInfo('PaylineFormattedAmount'));
- Cette instruction doit être appelée lorsque le widget déclenche l’événement « didshowstate » avec l’état PAYMENT_METHODS_LIST.
En Jquery
CSS
En CSS