[RÉGLÉ] Bouton Paypal visible dans la preview mais pas sur le front End

[Timoune974]

Bonjour,

J'ai fait des recherche sur le site mais rien ne semble s'appliquer à mon soucis

Je veux intégrer dans un article un bouton paypal pour choisir un abonnement.

J'utilise JCE et j'ai autorisé les scripts CSS, javascript et php

Dans la preview de l'éditeur, je vois bien les boutons et ils fonctionnent, en revanche sur le front end il n'y a rien.

le code que je s'insère


<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&vault=true&int en t=subscription" data-sdk-integration-source="button-factory"></script>
<script>
paypal.Buttons({
style: {
shape: 'rect',
color: 'gold',
layout: 'vertical',
label: 'subscribe'
},
createSubscription: function(data, actions) {
return actions.subscription.create({
'plan_id': 'P-XXXXXXXXXXXXXXXXXXXXXXXX'
});
},
onApprove: function(data, actions) {
alert(data.subscriptionID);
}
}).render('#paypal-button-container');
</script>


Mon site est sous joomla 3.9.23

Cela me rend chèvre, si quelqu'un à une piste ..

[Eddy.vh]

Bonjour.

As-tu vérifié le code source afin de savoir si le code du bouton s'y trouve et si la console retourne des erreurs.
As-tu une csp active sur ton site et si oui, as-tu autorisé les images (si le bouton en est une) et scripts de PayPal ?

[Timoune974]

quand je regarde le code générer pour la page j'ai

</a>
<a class="right carousel-control" href="#carousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<div class="row main">
<div class="col-md-9">
<div class="main-box">
<main class="row">
<div class="col-md-12">
<div id="system-message-container">
</div>
<div class="item-page" itemscope itemtype="http://schema.org/Article">
<meta itemprop="inLanguage" content="fr-FR" />
<div>
<h1 class="border-bottom" itemprop="name">
<a href="/lava-box.html" itemprop="url"> LAVA BOX</a>
</h1>
</div>
<div itemprop="articleBody">
<p>Abonnement via Paypal</p>
<div id="paypal-button-container"></div>
<p>&nbsp;</p>
<div id="smart-button-container">
<div style="text-align: center;">
<div id="paypal-button-container2"></div>
</div>
</div>
<p>&nbsp;Après le script&nbsp;</p>
<p>&nbsp;</p> </div>
</div>
</div>
</main>
</div>
</div>

il n'y a pas la partie script mais normal non ? car il l'exécute à la génération de la page

le pire c'est qu'à un moment je vois au chargement de la page un appel à paypal.com donc je soupçonne fortement un module qui filtrerai la sortie d'où ma question ==> c'est quoi un CSP ? pas un truc qui filtre par hasard à ma connaissance non mais bon ...

[Timoune974]

Bon j'ai honte dans la console y avait tout d'écrit !!!

j'utilise le plugin JCH Optimize et c'est lui qui plantait le script

[Eddy.vh]

Bonjour.

Le code comme il est indiqué ci-dessus s'afficherait tel quel dans le code source. Il s'agit d'un javascript, script client, il faut une action pour l'exécuter. Ça pourrait être le chargement de page mais il ne change rien au fait que le script s'affiche dans le code source de la page.



Par contre si j'insère ce script dans un module, je ne vois rien apparaître sur mon site de tests et si je vérifie la console, elle me retourne des erreurs en rapport avec PayPal.




CSP = Content Security Policy, voir ici.

Je ne sais pas comment tu génères ton bouton mais si je le fais via mon PayPal, j'obients un code html sans javascript comme celui-ci :

<form action="https://www.paypal.com/donate" method="post" target="_top">
<input type="hidden" name="hosted_button_id" value="FXXPTZ4BSUML4" />
<input type="image" src="https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_donateCC_LG.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1" />
</form>