Boutique qui détecte pas les points automatiquement

[Tycoon77]

Bonjour,

J'ai créé une boutique via du HTML, CSS et du Javascript en suivant le tutoriel de Forumactif à la lettre, promis !

Tout est bon, j'ai même pu la personnalisé mais voilà juste un problème... la boutique reste sur "0 points" pendant que les membres en disposent

HTML :

Code:

<center>
   <img src=" https://zupimages.net/up/18/20/spi5.png " />
</center>
 
<center>
  
 <!--       DEBUT TEMPLATE ARTICLE       -->    
 <div id="conteneur_boutique" class="ma_boutique">
        
 <form action="#">
        
 <div class="articles">
    
 <div data-id="article-%_{ID_ARTICLE}">
        
 <h6 class="var_quantite_art titre_article_template_articles" data-sans_contenu="" data-id_article="%_{ID_ARTICLE}" style="border:none">
        
 </h6><img src="%_{IMAGE}" class="img_article" alt="image de %_{NOM}" title="%_{NOM}" /> <br /><br />  
 <div class="proprietes">
        
 <p title="Prix">
     %_{PRIX} centimes  
 </p>
       <br />  
 <p title="Description">
     %_{DESCRIPTION}      
 </p>
        
 </div>
        <br />
 <button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">
       Échanger      
 </button>
        
 </div>
        
 <!--       FIN TEMPLATE ARTICLE       -->    
 </div>
        
 <div>
        
 <div class="infoCont">
      <br />  
 <p>
     <strong><span class="var_points"> </span> <span class="var_nom_points"></span> disponibles. </strong>    
 </p>
        
 </div>
        
 </div>
        
 <h4 style="clear:both">
     Panier :    
 </h4>
        
 <div class="barre_options_panier">
        
 <button type="button" class="sup_panier" title="Supprimer le panier">
     Supp. panier    
 </button>
        
 <button type="button" class="ordre_panier" title="Changer l'ordre d'affichage du panier">
     <img alt="Ordre du panier" src="https://fa7up.fr/img/ordre_panier.png" />    
 </button>
        
 </div>
        
 <div class="panierCont" style="clear:both" title="Cette zone est votre panier">
        
 <table class="panier">
        
 <!--       DEBUT TEMPLATE ARTICLE PANIER       --><tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
 <tr title="%_{NOM}" style="">
        
 <td>
     <span class="bouton bouton_sup sup_art" data-id_article="%_{ID_ARTICLE}" title="Supprimer cet article"></span>    
 </td>
        
 <td>
     <span class="bouton bouton_moins clic_retrait_art" data-id_article="%_{ID_ARTICLE}" title="Retirer une unité de %_{NOM}">-</span>    
 </td>
        
 <td>
     <input class="champ_qte_art" data-id_article="%_{ID_ARTICLE}" type="text" value="%_{QUANTITE}" />    
 </td>
        
 <td>
     <span class="bouton bouton_plus clic_achat_art" data-id_article="%_{ID_ARTICLE}" title="Ajouter une unité de %_{NOM}">+</span>    
 </td>
        
 <td>
     <span class="ellipsis" style="display:inline-block;width:200px">%_{NOM}</span>    
 </td>
        
 </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody>    
 <!--       FIN TEMPLATE ARTICLE PANIER       --></tbody>    
 </table>
        
 </div><br /><strong>Total :   </strong><em class="var_cout_total"></em> <em>centimes</em>     <br /><br /><input class="achat_panier" type="submit" value="  VALIDER  " />    
 </form>
      
 </div><script type="text/javascript" src="https://fa7up.fr/boutique_v2.js"></script><script type="text/javascript">
var mes_articles={"1,00 € via PayPal":{"prix":"100","image":"https://fr.seaicons.com/wp-content/uploads/2015/06/euro-coin-icon.png","description":" <b>1,00 €</b> &nbsp; via PayPal"},"1,00 € via Virement Bancaire":{"prix":"100","image":"https://fr.seaicons.com/wp-content/uploads/2015/06/euro-coin-icon.png","description":"<b>1,00 €</b> &nbsp; via Virement Bancaire"},"5,00 € via PayPal":{"prix":"500","image":"https://fr.seaicons.com/wp-content/uploads/2015/06/euro-coin-icon.png","description":"<b>5,00 €</b> &nbsp; via PayPal"},"5,00 € via Virement Bancaire":{"prix":"500","image":"https://fr.seaicons.com/wp-content/uploads/2015/06/euro-coin-icon.png","description":"<b>5,00 €</b> &nbsp; via Virement Bancaire"},"10,00 € via PayPal":{"prix":"1000","image":"https://fr.seaicons.com/wp-content/uploads/2015/06/euro-coin-icon.png","description":"<b>10,00 €</b> &nbsp; via PayPal"},"10,00 € via Virement Bancaire":{"prix":"1000","image":"https://fr.seaicons.com/wp-content/uploads/2015/06/euro-coin-icon.png","description":"<b>10,00 €</b> &nbsp; via Virement Bancaire"}};
var ma_boutique=new boutique(mes_articles,{"nom_points":"Centimes","admin":"Staff Tycoon"});
ma_boutique.demarrer();
</script>
</center><br />

JAVASCRIPT :

Code:

/* FA7UP_cfaf9369: Boutique */
$(function(){
    if(document.location.pathname=='/privmsg'&&$(".formPointsBoutique").length)$.getScript('https://fa7up.fr/form_points_boutique_v2.js');
});
/* FA7UP_cfaf9369_stop */

CSS :

Code:

/* FA7UP_cfaf9369: Boutique */
.ma_boutique{
    position:center;
    background:#B69A88;
    color:#452E0A;
    border-radius:10px;
    text-align:center;
    font-size:13px;
    width:950px;
}
.ma_boutique *{
    color:#452E0A;
    margin:0px;
    padding:0px;
}
.ma_boutique [data-var][data-sans_contenu]:before{
    content:attr(data-var);
}
.ma_boutique .titre_article_template_articles[data-var][data-sans_contenu]:before{
    content:'(x' attr(data-var) ')';
}
.ma_boutique .titre_article_template_articles[data-var="0"]{
    visibility:hidden;
}
.ma_boutique h2,.ma_boutique h4,.ma_boutique h6{
    border-bottom:1px solid #ECDFD5;
    padding:0.3em;
    color:#F5EFEB;
}
.ma_boutique h2{
    font-size:20px;
}
.ma_boutique h4{
    font-size:13px;
}
.ma_boutique h6{
    font-size:10px;
}
.ma_boutique .AJAX_erreur,.ma_boutique .AJAX_en_cours,.ma_boutique .AJAX_termine{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    border: 1px outset #AAAAAA;
}
.ma_boutique .AJAX_erreur{
    background:#FF0000;
}
.ma_boutique .AJAX_en_cours{
    background:#EAB956;
}
.ma_boutique .AJAX_termine{
    background:#25E100;
}
.ma_boutique .articles{
    border-bottom: 1px solid #D7BFB0;
    max-height:800px;
    overflow:auto;
}
.ma_boutique .articles>div{
    overflow:auto;
    float:left;
    text-align:center;
    box-sizing:border-box;
    border:2px #B69A88 solid;
    border-radius:10px;
    background:#D7BFB0;
    padding:2px;
    width:50%;
    height:220px;
}
.ma_boutique .articles>div>button{
    display:block;
    margin:auto;
}
.ma_boutique .articles>div .proprietes{
    height:50px;
    overflow:auto;
}
.ma_boutique .articles>div .proprietes>p{
    text-align:left;
}
.ma_boutique .articles>div .proprietes>p[title]:before{
    content:attr(title)': ';
}
.ma_boutique .articles>div .proprietes>p:empty{
    visibility:hidden;
}
.ma_boutique .img_article{
    max-height:80px;
    max-width:100px;
}
.ma_boutique .alerte{
    background:#FFF8F7;
    padding:2px;
    border-radius:10px;
    border:solid 1px #FF0000;
}
.ma_boutique .alerte,.ma_boutique .alerte *{
    color:red !important;
}
.ma_boutique .bouton{
    cursor:pointer;
    display:inline-block;
    width:1.1em;
    height:1.1em;
    font-size:1.1em;
    line-height:1em;
    text-align:center;
    color:#FFFFFF;
    border-radius:100%;
    border:1px solid #DDDDDD;
}
.ma_boutique .bouton_moins,.ma_boutique .bouton_plus{
    background:#F8F8F8;
    color:#452E0A;
    border-radius:15% !important;
}
.ma_boutique .bouton_sup{
    background:#C50000;
}
.ma_boutique .barre_options_panier{
    height:24px;
}
.ma_boutique .ordre_panier,.ma_boutique .sup_panier{
    height:100%;
    float:right;
    margin-left:5px;
    cursor:pointer;
    background:#D7BFB0;
    border:1px solid #816938;
    border-radius:3px;
}
.ma_boutique .ordre_panier:hover,.ma_boutique .sup_panier:hover{
    background:#F5EEEA;
}
.ma_boutique input.champ_qte_art{
    max-width:4em;
}
.ma_boutique .ellipsis{
    white-space:pre;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ma_boutique .erreursCont,.ma_boutique .panierCont{
    background:#ECDFD5;
    text-align:left;
    overflow:auto;
    min-height:32px;
    max-height:96px;
    margin:5px;
    padding:5px;
    border-radius:5px;
}
.ma_boutique .panier{
    border-spacing:0px;
}
.ma_boutique .panier tr>td:first-child{
    padding-right:1em;
}
.ma_boutique .panier tr>td:last-child{
    padding-left:1em;
    width:100%;
}
.ma_boutique .panier tr>td{
vertical-align:middle
}
.ma_boutique .panier tr:hover{
    background:#D7BFB0;
}
.ma_boutique .achat_panier{
    border:1px solid #816938;
    border-radius:1px;
}
.ma_boutique .progressionCont{
    padding-right:5px;
    float:right;
}
.ma_boutique .infoCont{
    padding-left:5px;
    float:left;
}
/* FA7UP_cfaf9369_stop */


Je vous remercie beaucoup par avance de votre aide et désolé de devoir vous embêter

[w00tw00t]

Bonjour Tycoon77,

Le script en question effectue une requête AJAX vers la page de profil publique du membre courant qui visionne la boutique, afin de tenter de récupérer son nombre de points en parcourant ses champs de profils.

Commencez donc par vérifier que selon vos modifications (de template notamment), les pages suivantes retournent bien l'information du nombre de points :

Code:

http://espace-client.1fr1.net/uXXX

Exemple. Pour l'utilisateur "Staff Tycoon", son ID est 1, donc la page suivante doit retourner son nombre de points :

Code:

http://espace-client.1fr1.net/u1

Cordialement,
w00tw00t

[Tycoon77]

Bonjour Tycoon77,

Le script en question effectue une requête AJAX vers la page de profil publique du membre courant qui visionne la boutique, afin de tenter de récupérer son nombre de points en parcourant ses champs de profils.

Commencez donc par vérifier que selon vos modifications (de template notamment), les pages suivantes retournent bien l'information du nombre de points :

Code:

http://espace-client.1fr1.net/uXXX

Exemple. Pour l'utilisateur "Staff Tycoon", son ID est 1, donc la page suivante doit retourner son nombre de points :

Code:

http://espace-client.1fr1.net/u1

Cordialement,
w00tw00t

Bonjour,

Merci pour votre réponse. Cependant, je ne comprends pas très bien votre message. Le template " profile_view_body " lui qui exploite les fiches des membres (finissant par u1 pour Staff Tycoon par exemple) fonctionne correctement, je viens de le réinitialisé par défaut ainsi que le AJAX sur la boutique mais toujours rien...

[w00tw00t]

Bonjour Tycoon77,

En fait les pages en question n'étaient tout simplement pas accessibles lorsque j'ai testé. Cela semble être le cas dorénavant.

Après analyse rapide du script, il n'arrive toujours pas à récupérer les points. Vous pouvez modifier l'initialisation du script (dans la page HTML associée) comme suit :

Code:

...
var ma_boutique=new boutique(mes_articles,{"nom_points":"Centimes","admin":"Staff Tycoon"});
ma_boutique.demarrer();

Devient :

Code:

...
var ma_boutique=new boutique(mes_articles,{"nom_points":"Centimes","id_sp_points":"field_id-13 .field_uneditable","admin":"Staff Tycoon"});
ma_boutique.demarrer();

Autrement dit, l'ajout de l'option suivante :

Code:

"id_sp_points":"field_id-13 .field_uneditable"

Devrait ainsi aider le script à trouver ce qu'il recherche.

Laissez moi savoir si cela fonctionne,

Cordialement,
w00tw00t

[Tycoon77]

Merci beaucoup, cela fonctionne correctement maintenant, vous êtes super fort !
Bonne journée.