Problème avec les points de la boutique

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec les points de la boutique

Message par Deidei le Dim 6 Déc 2015 - 21:09

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir Smile

J'aurais besoin de l'aide d'un expert en codage suite à un petit dysfonctionnement de ma boutique. J'en ai essayé une sur mon forum de tests et je n'ai pas eu trop de mal pour changer l'esthétique ainsi que quelques données. Malheureusement, lorsque j'ai voulu effectuer des tests, je me suis aperçu que le nombre de points indiquait toujours 0 alors que mon personnage en détient suffisamment. Un champion pourrait-il me dire ce qu'il manque ou ce qu'il faut changer s'il vous plaît ? Je vous remercie d'avance Wink Voici le code CSS et HTML que j'ai placé aux bons endroits ainsi que le lien de la page :



Code:
.ma_boutique{
        position:relative;
        background:#FFFFFF;
        color:#000000;
        border-radius:5px;
        text-align:center;
        font-size:13px;
        width:600px
        }
        .ma_boutique *{
        color:#000000;
        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 #FFFFFF;
        padding:0.3em;
        color:#000000
        }
        .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:#FF3333
        }
        .ma_boutique .AJAX_en_cours{
        background:#FFD320
        }
        .ma_boutique .AJAX_termine{
        background:#6666FF
        }
        .ma_boutique .articles{
        border-bottom: 2px solid #FFFFFF;
        max-height:300px;
        overflow:auto
        }
        .ma_boutique .articles>div{
        overflow:auto;
        float:left;
        text-align:center;
        box-sizing:border-box;
        border:5px #488E38 solid;
        border-radius:5px;
        background:#D71725;
        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[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:3px;
        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:#000000;
        border-radius:50%;
        border:1px solid #D71725
        }
        .ma_boutique .bouton_moins,.ma_boutique .bouton_plus{
        background:#D71725;
        color:#000000;
        border-radius:15% !important
        }
        .ma_boutique .bouton_sup{
        background:#D71725
        }
        .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:#488E38;
        border:1px solid #488E38;
        border-radius:3px
        }
        .ma_boutique .ordre_panier:hover,.ma_boutique .sup_panier:hover{
        background:#488E38
        }
        .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:#488E38;
        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:#D71725
        }
        .ma_boutique .achat_panier{
        border:1px solid #FFFFFF;
        border-radius:3px;
        }
        .ma_boutique .progressionCont{
        padding-right:5px;
        float:right
        }
        .ma_boutique .infoCont{
        padding-left:5px;
        float:left
        }

Code:
<center><div id="conteneur_boutique" class="ma_boutique">
        <form action="#aucune_pour_le_moment">
        <h2>Capsule Corporation</h2>
        <div class="articles">
        <!-- DEBUT TEMPLATE ARTICLE -->
        <div data-id="article-%_{ID_ARTICLE}">
        <h4 class="titre_article ellipsis" title="%_{NOM}">%_{NOM}</h4><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}" />
        <div class="proprietes">
        <p title="Zénies">%_{PRIX}</p>
        <p title="Description">%_{DESCRIPTION}</p>
        </div>
        <button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">Acheter</button>
        </div>
        <!-- FIN TEMPLATE ARTICLE -->
        </div>
        <div>
        <div class='infoCont'><p><span class="var_points"></span> <span class="var_nom_points"></span> disponibles.</p></div>
        <div class='progressionCont'><em>Etat AJAX:</em><em class="progression"></em></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="change l'ordre d'affichage du panier"><img alt="ordre du panier" src="http://codexo.org/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 -->
        <tr title="%_{NOM}"><td><span class="bouton bouton_sup sup_art" data-id_article="%_{ID_ARTICLE}" title="Supprimer cette ligne">✖</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>
        <!-- FIN TEMPLATE ARTICLE PANIER -->
        </table>
        </div>
        <strong>Coût total : </strong><em class="var_cout_total"></em>
        <h4>Erreurs</h4>
        <div class="erreursCont" title="En cas d'erreur(s), cette zone sera enrichie d'informations concernant l'/les erreur(s).">
        <div class="erreurs"></div>
        </div>
        <input class="achat_panier" type="submit" value="Achat du panier">
        </form>
        </div>
        <script type="text/javascript" src="http://fa.codexo.org/boutique_v1.js"></script>
        <script type="text/javascript">
        var mes_articles={
        "article "1", Chopin":{"prix":450,"image":"http://codexo.org/img/chopin_ex.jpg","description":"Interprétation par Luis Fernando Pérez"},
        "article "2", Satie":{"prix":450,"image":"http://codexo.org/img/erik_satie_ex.jpg","description":"Interprétation par Aldo Ciccolini"},
        "article "3", Dvorak":{"prix":450,"image":"http://codexo.org/img/dvorak_ex.jpg","description":"Interprétation par Philippe Herreweghe et le Royal Flemish Philharmonic"}
        };
        var ma_boutique=new boutique(mes_articles,{
        "nom_points":"Zénies","admin":"no_way"});
        ma_boutique.demarrer();</script><br></center>


Dernière édition par Deidei le Dim 6 Déc 2015 - 23:50, édité 1 fois

Deidei
*

Masculin
Messages : 36
Inscrit(e) le : 18/03/2015

http://dragonball-evolution.forumactif.com
Deidei a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les points de la boutique

Message par Deidei le Dim 6 Déc 2015 - 23:50

Rebonsoir,

Sorry, je poste de nouveau pour préciser que j'ai résolu mon problème. Je n'avais pas remarqué qu'un problème similaire avait été signalé hier par un membre et c'est en partie grâce à l'une des solutions proposées par no_way que tout est revenu à la normale Very Happy Pour les points, il me fallait juste mettre du HTML dans le champ du nom et pour la réception des MP, mentionner le pseudo de mon compte ^^

Deidei
*

Masculin
Messages : 36
Inscrit(e) le : 18/03/2015

http://dragonball-evolution.forumactif.com
Deidei a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum