"Créer votre boutique" script ne marche pas

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

Résolu "Créer votre boutique" script ne marche pas

Message par Polices le Ven 4 Déc 2015 - 19:10

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 04/12/2015
Lien du forum : http://agat.forumofficiel.fr/

Description du problème

Bonjour,

J'ai, suivi à la lettre le tutoriel "Créer votre boutique" - http://forum.forumactif.com/t382635-creer-sa-boutique, et cela ne marche pas chez moi.
Comment ça se fait ? Est-ce que j'aurais fait une faute d’inattention ?
Code:
<style>
/******BOUTIQUE*****/

.ma_boutique{
position:relative;
background:#B69A88;
color:#452E0A;
border-radius:5px;
text-align:center;
font-size:13px;
width:400px
}
.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: 2px solid #D7BFB0;
max-height:300px;
overflow:auto
}
.ma_boutique .articles>div{
overflow:auto;
float:left;
text-align:center;
box-sizing:border-box;
border:2px #B69A88 solid;
border-radius:5px;
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[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:#FFFFFF;
border-radius:50%;
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:3px;
}
.ma_boutique .progressionCont{
padding-right:5px;
float:right
}
.ma_boutique .infoCont{
padding-left:5px;
float:left
}
</style>

<div id="conteneur_boutique" class="ma_boutique">
<form action="#aucune_pour_le_moment">
<h2>Ma boutique</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="Prix">%_{PRIX}</p>
<p title="Info">%_{DESCRIPTION}</p>
</div>
<button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">Acheter</button>
</div>
<!-- FIN TEMPLATE ARTICLE -->
<!-- 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="Prix">%_{PRIX}</p>
<p title="Info">%_{DESCRIPTION}</p>
</div>
<button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">Acheter</button>
</div>
<!-- FIN TEMPLATE ARTICLE -->
<!-- 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="Prix">%_{PRIX}</p>
<p title="Info">%_{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="%_{1}" title="Supprimer cette ligne">✖</span></td><td><span class="bouton bouton_moins clic_retrait_art" data-id_article="%_{1}" title="Retirer une unité de %_{NOM}">-</span></td><td><input class="champ_qte_art" data-id_article="%_{1}" type="text" value="%_{QUANTITE}"></td><td><span class="bouton bouton_plus clic_achat_art" data-id_article="%_{1}" 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":"Coins","Glorio":"no_way"});
ma_boutique.textes={
      mp_achat:{
        sujet:"Achat",
        message:'Bonjour, je souhaite acheter les articles suivants:[table border="1"][tr][td]Produit[/td][td]Qté[/td][td]Prix unité[/td][td]Prix[/td][/tr]%_{RESUME}[/table]Le coût total doit être de: %_{COUT_TOTAL}. Si c\'est juste, j\'avais %_{POINTS} %_{NOM_POINTS} au moment de mon achat, si c\'est encore le cas il faudrait assigner mes %_{NOM_POINTS} à: %_{NV_VAL_POINTS}. [b][url=%_{PROFIL}]Voir mon profil[/url][/b], merci :)',
        },
      alertes:{
        cout_trop_eleve:'/!\\ Message:\nCoût du panier trop élevé, il manque %_{NV_VAL_POINTS_ABS} %_{NOM_POINTS} !',
        panier_vide:'/!\\ Message:\nAucun article dans le panier !',
        achat_termine:'/!\\ Message:\nMerci de votre achat.\nVotre demande d\'achat a été soumise avec succès.',
        non_connecte:'/!\\ Message:\nAchat impossible !\nVous n\'êtes pas connecté.'
      },
      erreurs:{
        extraction_points_impossible:'Extraction des %_{NOM_POINTS} impossible.',
        ajax_delai_depasse:'La requête AJAX a pris trop de temps.',
        propriete_inexistante:'Propriété inexistante: ',
      },
      msg_html:{
        non_connecte:'<div class="alerte"><h4>ATTENTION</h4><strong>Vous n\'êtes pas connecté !</strong></div>',
        incompatibilite:'<div class="alerte"><h4>ATTENTION</h4><strong>Votre navigateur n\'est pas compatible avec le script de cette boutique !</strong></div>'
      }
  }; 
ma_boutique.demarrer();
</script>

Je vous remercie de votre aide,
Amicalement.

PS: Je vous ajoute le lien de la boutique : http://agat.forumofficiel.fr/h89-boutique-site


Dernière édition par Polices le Sam 5 Déc 2015 - 20:23, édité 1 fois (Raison : Résolu ! Merci à no_way !)

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par no_way le Ven 4 Déc 2015 - 23:36

Bonjour, les caractères d'échappement sont partis boire un verre lors de la copie du tuto Sad, c'est corrigé, je vous laisse reprendre la partie html du tuto Wink

no_way
Aidactif
Aidactif

Messages : 1781
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par Polices le Sam 5 Déc 2015 - 0:29

Ca marche ! J'ai une autre question ... Vous avez nommé les "Coins", je sais comment le renommé, mais ça me dit que j'en ai pas assez ... la variable est basé sur le nombre de point ?


Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par no_way le Sam 5 Déc 2015 - 3:31

Il vous faut renommer Coins par le nom attribué à vos points Wink

Dans votre cas ce doit être XP

Une fois que vous l'aurez modifié, le script sera en mesure d'extraire la valeur d'XP et de l'utiliser comme monnaie.

no_way
Aidactif
Aidactif

Messages : 1781
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par Polices le Sam 5 Déc 2015 - 4:44

@no_way a écrit:Il vous faut renommer Coins par le nom attribué à vos points Wink

Dans votre cas ce doit être XP

Une fois que vous l'aurez modifié, le script sera en mesure d'extraire la valeur d'XP et de l'utiliser comme monnaie.
Et bien en changeant "coins" par "XP" (qui est bien xp sur mon forum) ne fonctionne pas. Je suis toujours à 0 :/

Note 04:48 : Je viens de nommé mes XP en Coins, ainsi j'ai remis Coins dans le JavaScript et ça ne fonctionne toujours pas :/

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par no_way le Sam 5 Déc 2015 - 9:31

Pourriez-vous temporairement désactiver le script pour les alertes en temps réel en décochant toutes les cases pour "Placement", il semble y avoir une erreur à ce niveau.

Si ça ne résout pas le souci je m'enregistre sur votre forum afin de trouver d'où le souci peut provenir.

no_way
Aidactif
Aidactif

Messages : 1781
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par Polices le Sam 5 Déc 2015 - 13:56

@no_way a écrit:Pourriez-vous temporairement désactiver le script pour les alertes en temps réel en décochant toutes les cases pour "Placement", il semble y avoir une erreur à ce niveau.

Si ça ne résout pas le souci je m'enregistre sur votre forum afin de trouver d'où le souci peut provenir.

Bonjour,

Je viens de désactiver le script des alertes en temps réel, mais cela ne fonctionne toujours pas, je suis toujours à 0 XP sur la boutique alors, que sur mon compte j'ai 2016 XP.

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par no_way le Sam 5 Déc 2015 - 19:45

Vous utilisez une image en plus du texte pour vos points, c'est pour ça que le script ne parvient pas à extraire les points.

Editez votre champ pour les points et remplacez par:
Code:
<span id='points_XP'>XP</span>

Puis ajoutez ce qui suit à votre CSS:
Code:
#points_XP::before{
content:url(http://image.noelshack.com/fichiers/2014/19/1399397302-picto-xp.gif)
}

no_way
Aidactif
Aidactif

Messages : 1781
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par Polices le Sam 5 Déc 2015 - 20:13

Alors si je suis, ce que vous m'avez dit, cela m'affiche mon picto pour les XP, mais pas le nombre de point.

Par contre, j'ai fait un essai, j'ai enlevé mon picto, du champs des XP, et ça m'affiche bien mes XP.

Donc, je pense que je vais retiré cette icône qui bloque l'accès aux points.

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par no_way le Sam 5 Déc 2015 - 20:15

Oui il fallait bien retirer l'image du nom pour vos points Wink

D'autant que c'est un champ avec un nombre de caractères limité.


Dernière édition par no_way le Sam 5 Déc 2015 - 20:25, édité 1 fois

no_way
Aidactif
Aidactif

Messages : 1781
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: "Créer votre boutique" script ne marche pas

Message par Polices le Sam 5 Déc 2015 - 20:19

En tout cas c'est ok, ça marche très bien Wink

Merci beaucoup no_way ! Je supprime votre compte du forum ?

Polices
*****

Masculin
Messages : 511
Inscrit(e) le : 04/07/2011

http://agat.forumofficiel.fr/
Polices a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Créer votre boutique" script ne marche pas

Message par no_way le Sam 5 Déc 2015 - 20:22

Oui s'il vous plait ^^, merci Wink

no_way
Aidactif
Aidactif

Messages : 1781
Inscrit(e) le : 26/03/2010

no_way 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