"Créer votre boutique" script ne marche pas
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
"Créer votre boutique" script ne marche pas
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" - https://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 - 14:23, édité 1 fois (Raison : Résolu ! Merci à no_way !)
Re: "Créer votre boutique" script ne marche pas
Bonjour, les caractères d'échappement sont partis boire un verre lors de la copie du tuto , c'est corrigé, je vous laisse reprendre la partie html du tuto
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: "Créer votre boutique" script ne marche pas
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 ?
Re: "Créer votre boutique" script ne marche pas
Il vous faut renommer Coins par le nom attribué à vos points
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.
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- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: "Créer votre boutique" script ne marche pas
Et bien en changeant "coins" par "XP" (qui est bien xp sur mon forum) ne fonctionne pas. Je suis toujours à 0 :/no_way a écrit:Il vous faut renommer Coins par le nom attribué à vos points
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.
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 :/
Re: "Créer votre boutique" script ne marche pas
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.
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- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: "Créer votre boutique" script ne marche pas
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.
Re: "Créer votre boutique" script ne marche pas
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:
Puis ajoutez ce qui suit à votre CSS:
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- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: "Créer votre boutique" script ne marche pas
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.
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.
Re: "Créer votre boutique" script ne marche pas
Oui il fallait bien retirer l'image du nom pour vos points
D'autant que c'est un champ avec un nombre de caractères limité.
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 - 14:25, édité 1 fois
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: "Créer votre boutique" script ne marche pas
En tout cas c'est ok, ça marche très bien
Merci beaucoup no_way ! Je supprime votre compte du forum ?
Merci beaucoup no_way ! Je supprime votre compte du forum ?
Re: "Créer votre boutique" script ne marche pas
Oui s'il vous plait ^^, merci
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Sujets similaires
» Créer une boutique virtuelle.
» Un script qui ne marche plus ?
» Script conffettit qui ne marche pas !
» Script qui ne marche qu'une fois
» Script qui ne marche que pour moi (admin)
» Un script qui ne marche plus ?
» Script conffettit qui ne marche pas !
» Script qui ne marche qu'une fois
» Script qui ne marche que pour moi (admin)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum