Variables de la Boutique

2 participants

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

Résolu Variables de la Boutique

Message par Shiyami Jeu 14 Sep 2017 - 21:52

Bonjour ou bonsoir à vous !
Souhaitant créer une boutique pour mon forum, je suis allée voir le tutoriel mais malheureusement, certaines choses ne sont pas totalement expliquées...

Pour faire court, voici le code utilisé :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="fr" xml:lang="fr">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body><div id="conteneur_boutique" class="ma_boutique">
<form action="#aucune_pour_le_moment">
<h2>Boutique Clandestine</h2><div class="articles">
 
<!-- DEBUT TEMPLATE ARTICLE -->
  <div data-id="article-%_{ID_ARTICLE}">
<h4 class="titre_article ellipsis" title="%_{NOM}">Batte de baseball</h4><h6 class="var_quantite_art titre_article_template_articles" data-sans_contenu="" data-id_article="%_{ID_ARTICLE}" style="border:none"></h6>
<img src="http://www.pngpix.com/wp-content/uploads/2016/03/Baseball-Bat-PNG-Image.png" class="img_article" alt="image de la %_{NOM}" title="%_{NOM}" /><div class="proprietes">
<p title="Prix">40</p>
<p title="Info">Une batte de baseball, fabriquée par un des patients. Elle est assez fragile et peut se briser rapidement, mais cause des dégâts moyens sur une personne.</p>
</div>
<button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">Acheter</button>
</div>
 
  <div data-id="article-%_{ID_ARTICLE}">
<h4 class="titre_article ellipsis" title="%_{NOM}">Canif</h4><h6 class="var_quantite_art titre_article_template_articles" data-sans_contenu="" data-id_article="%_{ID_ARTICLE}" style="border:none"></h6>
<img src="http://www.thebestknives.eu/4086-11655-thickbox/canif-couteau-boker-plus-mini-trapper-bk-outdoor-pocket-2-lames-acier-440c-boker-bop294b-livraison-gratuite.jpg" class="img_article" alt="image du %_{NOM}" title="%_{NOM}" /><div class="proprietes">
<p title="Prix">50</p>
<p title="Info">Facile à cacher, ce canif est idéal pour les coups bas. Il ne fait pas de très gros dégâts, sauf si le coup est bien (très bien) placé. Il ne passe pas à travers les portiques de sécurité.</p>
</div>
<button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">Acheter</button>
</div>
 
  <br/>
 
    <div data-id="article-%_{ID_ARTICLE}">
<h4 class="titre_article ellipsis" title="%_{NOM}">Batte de baseball</h4><h6 class="var_quantite_art titre_article_template_articles" data-sans_contenu="" data-id_article="%_{ID_ARTICLE}" style="border:none"></h6>
<img src="http://www.pngpix.com/wp-content/uploads/2016/03/Baseball-Bat-PNG-Image.png" class="img_article" alt="image de Batte de baseball" title="Batte de baseball" /><div class="proprietes">
<p title="Prix">40</p>
<p title="Info">Une batte de baseball, fabriquée par un des patients. Elle est assez fragile et peut se briser rapidement, mais cause des dégâts moyens sur une personne.</p>
</div>
<button class="clic_achat_art" data-id_article="%_{ID_ARTICLE}" type="button">Acheter</button>
</div>
 
  <div data-id="article-%_{ID_ARTICLE}">
<h4 class="titre_article ellipsis" title="%_{NOM}">Canif</h4><h6 class="var_quantite_art titre_article_template_articles" data-sans_contenu="" data-id_article="%_{ID_ARTICLE}" style="border:none"></h6>
<img src="http://www.thebestknives.eu/4086-11655-thickbox/canif-couteau-boker-plus-mini-trapper-bk-outdoor-pocket-2-lames-acier-440c-boker-bop294b-livraison-gratuite.jpg" class="img_article" alt="image du caniffe" title="Canif" /><div class="proprietes">
<p title="Prix">50</p>
<p title="Info">Facile à cacher, ce canif est idéal pour les coups bas. Il ne fait pas de très gros dégâts, sauf si le coup est bien (très bien) placé. Il ne passe pas à travers les portiques de sécurité.</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">Achats</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">Batte de baseball</span></td></tr>
<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">Canif</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_v2.js"></script>
<script type="text/javascript">
var mes_articles={
"Batte de baseball":{"prix":40,"image":"http://www.pngpix.com/wp-content/uploads/2016/03/Baseball-Bat-PNG-Image.png","description":"Arme, dégâts moyens, difficile à cacher, fragile."},
"Canif":{"prix":50,"image":"http://www.thebestknives.eu/4086-11655-thickbox/canif-couteau-boker-plus-mini-trapper-bk-outdoor-pocket-2-lames-acier-440c-boker-bop294b-livraison-gratuite.jpg","description":"Arme, facile à cacher, dégâts faibles (hors coups bien placés)."},
"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,{"pièces":"NOM_DE_VOS_POINTS","admin":"VOTRE_PSEUDO"});
ma_boutique.demarrer();
</script></body>
</html>

Je sais que certaines choses ne sont "pas bonnes", mais ce n'est pas encore mon problème ^^
Je ne veux pas faire de bêtises avec ce code, donc je m'en remets à vous, ô experts en code.
Par exemple, que sont les "%_{NOM}", "%_{ID_ARTICLE}", "%_{QUANTITE}" ? Il doit y en avoir d'autres des "%_{QUELQUE CHOSE}" que je ne comprends pas mais ce sont les principaux qui me causent soucis. Je ne sais pas à quoi ils servent à part le fait que ce sont des variables. Du coup, dois-je les changer ou non ?
Je ne sais pas si j'ai été claire, mais bon j'espère que vous pourrez m'éclairer quand même ^^'
Merci d'avance !
Shiyami

Shiyami
***

Messages : 177
Inscrit(e) le : 09/02/2017

Voir le profil de l'utilisateur http://institutespoir.forumactif.com/
Shiyami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Variables de la Boutique

Message par no_way Ven 15 Sep 2017 - 3:50

Bonjour, il existe un installateur pour les forums utf-8 concernant la boutique, créez une page html avec le contenu suivant:
Code:
<i id="fa7up"></i>
<script type="text/javascript">jQuery.getScript("https://fa7up.fr/fa7up.js")</script>

Vous devez avoir mis "Voulez-vous utiliser le haut et le bas de page de votre forum" à oui.

Une fois créée, consultez la page html, ceci devrait grandement vous faciliter la tâche.

Si vous ne souhaitez pas utiliser l'installateur, je vous invite à relire le tutoriel dans lequel il est indiqué que vous devez utiliser le haut et le bas de votre forum, seule la partie javascript est à modifier Wink
no_way

no_way
Aidactif
Aidactif

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

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

Résolu Re: Variables de la Boutique

Message par Shiyami Ven 15 Sep 2017 - 12:42

Oh ! Et bien merci beaucoup, ça marche du tonnerre ! Very Happy Je vais modifier un peu le CSS et ce sera nickel !
Shiyami

Shiyami
***

Messages : 177
Inscrit(e) le : 09/02/2017

Voir le profil de l'utilisateur http://institutespoir.forumactif.com/
Shiyami a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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