Guide du Webdesigner

Guide des widgets du service Commandes

Affiche un résumé du panier d'achat.

Avertissement : ce widget ne peut être utilisé que sur la page type "Panier" du service "E-commerce".

Paramètres de configuration du widget

  • Modèle graphique : permet de choisir entre les différents modèles graphiques disponibles. Chaque modèle graphique détermine une apparence différente du widget.
  • Intitulé : afficher un intitulé, un titre, au widget.

Répertoire

Le code source de ce widget se trouve à l'emplacement suivant :

theme/fr/widgets/commandes/panier/index.html

Exemple du code source

<!-- BEGIN:main -->

<div> 
<p><a href="{baseLangue}/ecommerce/panier.html"><strong>{nb_produits} article{pluriel_produits} {total}</strong></a></p> |
	<p><!-- BEGIN:nonidentifie -->
	<a href="{baseLangue}/compte/">Votre compte</a>
	<!-- END:nonidentifie -->
	<!-- BEGIN:identifie -->
	<a href="{baseLangue}/compte/">Votre compte</a> - <a href="{baseLangue}/compte/logout.html">Déconnexion</a>
	<!-- END:identifie -->
    </p>
</div>
<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

type_prix

"HT" ou "TTC"

nb_produits

Nombre de produits dans la commande (somme des quantités)

pluriel_produits

Affiche "s" ou "" suivant que le nombre de produit est supérieur à 1

total

Total TTC ou HT selon la configuration du catalogue

total_valeur

Total TTC ou HT selon la configuration du catalogue au format JS-friendly

total_TTC

Total TTC de la commande

total_TTC_valeur

Total TTC de la commande, sans formatage

total_HT

Total HT de la commande

total_HT_valeur

Total HT de la commande, sans formatage

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Bloc main.intitule

Ne s'affiche que si l'intitulé du widget est rempli.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:intitule -->

intitule

Cet intitulé est paramétrable lors de l'édition d'un widget dans la gestion de l'Apparence de la Console d'administration de Kiubi.

Bloc main.identifie

Ne s'affiche que quand l'internaute s'est identifié

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:identifie -->

client_id

Identifiant du client

nom

Nom du client

prenom

Prénom du client

genre

Genre du client "H" ou "F"

email

Email du client

avatar

Avatar du membre en 120x120 pixels

avatar_miniature

Avatar du membre en 40x40 pixels

gravatar

Gravatar du membre en 120x120 pixels

gravatar_miniature

Gravatar du membre en 40x40 pixels

Bloc main.nonidentifie

Affiché quand l'internaute n'est pas identifié

Affiche le détail du panier d'achat.

Avertissement : ce widget ne peut être utilisé que sur la page type "Panier" du service "E-commerce".

Paramètres de configuration du widget

  • Modèle graphique : permet de choisir entre les différents modèles graphiques disponibles. Chaque modèle graphique détermine une apparence différente du widget.
  • Intitulé : afficher un intitulé, un titre, au widget.

Répertoire

Le code source de ce widget se trouve à l'emplacement suivant :

theme/fr/widgets/commandes/panier_detail/index.html

Exemple du code source

<!-- BEGIN:main -->

<ul>
  <li><a href="{baseLangue}/ecommerce/panier.html" title="Panier">1. Panier</a></li>
  <li>2. Authentification</li>
  <li>3. Livraison</li>
  <li>4. Mode de paiement</li>
  <li>5. Validation</li>
</ul>

  <!-- BEGIN:intitule -->
  <h1>{intitule}</h1>
  <!-- END:intitule -->
  <form method="post" action="">
    <!-- BEGIN:produits -->
    <table>
      <tr>
        <th colspan="2" align="left" scope="col">{nb_produits} Produit{pluriel_produits}</th>
        <th align="right" nowrap="nowrap" scope="col">Prix</th>
        <th scope="col">Qte</th>
        <th align="right" nowrap="nowrap" scope="col">Total</th>
        <th scope="col"> </th>
      </tr>
      <!-- BEGIN:produit -->
      <tr>
        <td><!-- BEGIN:illustration -->
          <a href="{lien_produit}" title="{intitule_produit} - Cliquez pour accéder"><img src="{racine}/media/miniature/{illustration}" alt="{intitule_produit|htmlentities}" /></a>
          <!-- END:illustration -->
          <!-- BEGIN: noillustration -->
          <a href="{lien_produit}" title="{intitule_produit} - Cliquez pour accéder"><img src="{racine}/{theme}/fr/images/produit_mini.gif" alt="{intitule_produit|htmlentities}" style="width: {miniature_l}px; height: {miniature_h}px;" /></a>
          <!-- END: noillustration -->
        </td>
        <td style="width:100%;"><strong><a href="{lien_produit}">{intitule_produit}</a></strong><br />
          <!-- BEGIN:reference -->
          <p>Ref. : {reference}</p>
          <!-- END:reference -->
          <p>{intitule_variante}</p>
          <!-- BEGIN:accroche -->
          <p>{accroche}</p>
          <!-- END:accroche --></td>
        <td align="right">{prix_unitaire}</td>
        <td nowrap="nowrap"><input name="qt[{ref}]" type="text" value="{qt}" style="width:30px" />
          <!-- BEGIN:erreur_qt -->
          <div>max. : {max}</div>
          <!-- END:erreur_qt --></td>
        <td align="right">{prix_total}</td>
        <td><a href="{lien_supprimer}" title="Supprimer du panier">Supprimer</a></td>
      </tr>
      <!-- END:produit -->
      <!-- BEGIN:option -->
      <tr>
        <!-- BEGIN:simple -->
        <td colspan="2">{intitule_option} <a href="{lien_supprimer}" title="Supprimer du panier" class="bt_supp">Supprimer</a></td>
        <!-- BEGIN:offerte -->
        <td> </td>
        <td>{qt}</td>
        <td>Offert</td>
        <!-- END:offerte -->
        <!-- BEGIN:payante -->
        <td>{prix_unitaire}</td>
        <td>{qt}</td>
        <td>{prix_total}</td>
        <!-- END:payante -->
        <!-- END:simple -->
        <!-- BEGIN:textarea -->
        <td colspan="2">{intitule_option} : {valeur_option} <a href="{lien_supprimer}" title="Supprimer du panier" class="bt_supp">Supprimer</a></td>
        <!-- BEGIN:offerte -->
        <td> </td>
        <td>{qt}</td>
        <td>Offert</td>
        <!-- END:offerte -->
        <!-- BEGIN:payante -->
        <td>{prix_unitaire}</td>
        <td>{qt}</td>
        <td>{prix_total}</td>
        <!-- END:payante -->
        <!-- END:textarea -->
        <!-- BEGIN:select -->
        <td colspan="2">{intitule_option} : {valeur_option} <a href="{lien_supprimer}" title="Supprimer du panier" class="bt_supp">Supprimer</a></td>
        <!-- BEGIN:offerte -->
        <td> </td>
        <td>{qt}</td>
        <td>Offert</td>
        <!-- END:offerte -->
        <!-- BEGIN:payante -->
        <td>{prix_unitaire}</td>
        <td>{qt}</td>
        <td>{prix_total}</td>
        <!-- END:payante -->
        <!-- END:select -->
        <td class="produit_supp"><a href="{lien_supprimer}" title="Supprimer du panier">Supprimer</a></td>
      </tr>
      <!-- END:option -->
      <!-- BEGIN:bon -->
      <tr>
        <td> </td>
        <td style="width:100%;" colspan="3"><strong>{intitule_produit}</strong></td>
        <td align="right">{prix_total}</td>
        <td><a href="{lien_supprimer}" title="Supprimer du panier">Supprimer</a></td>
      </tr>
      <!-- END:bon -->
      <!-- BEGIN:remise -->
      <tr>
        <td> </td>
        <td style="width:100%;" colspan="3"><strong>{intitule_remise}</strong></td>
        <td align="right"></td>
        <td><a href="{lien_supprimer}" title="Supprimer du panier">Supprimer</a></td>
      </tr>
      <!-- END:remise -->
      <tr>
        <td colspan="4"><strong>Total hors frais de livraison</strong></td>
        <td align="right"><strong>{total_articles}</strong></td>
        <td> </td>
      </tr>
      <!-- BEGIN:livrable -->
      <tr>
        <td colspan="4">Frais de port applicables pour les livraisons vers : {zone_livraison}</td>
        <td align="right">{frais_port}</td>
        <td> </td>
      </tr>
      <!-- END:livrable -->
      <!-- BEGIN:nonlivrable -->
      <tr>
        <td colspan="4">La commande dépasse le poids autorisé pour une livraison vers : {zone_livraison}</td>
        <td align="right">Non livrable</td>
        <td> </td>
      </tr>
      <!-- END:nonlivrable -->
      <!-- BEGIN:date_livraison -->
      <tr>
        <td colspan="4">
          Date de livraison : {date_livraison}
          <!-- BEGIN:heure_livraison -->à {heure_livraison}<!-- END:heure_livraison -->
        </td>
        <td align="right"></td>
        <td> </td>
      </tr>
      <!-- END:date_livraison -->
      <!-- BEGIN:commande_HT -->
      <tr class="">
        <td colspan="4"><strong>Total HT</strong></td>
        <td align="right"><strong>{total_HT}</strong></td>
        <td> </td>
      </tr>
      <tr class="">
        <td colspan="4" >TVA</td>
        <td align="right">{total_TVA}</td>
        <td> </td>
      </tr>
      <!-- END:commande_HT -->
      <tr>
        <td colspan="5"><span style="float: right;">{total_TTC} Total TTC</td>
        <td> </td>
      </tr>
    </table>
    <!-- BEGIN:options_disponibles -->
    <div class="option_commande">
      <h2>Envie d'une petite option ?</h2>
      <table>
        <!-- BEGIN:option -->
        <tr class="{type_option}">
          <!-- BEGIN:simple -->
          <td>
            <label><input name="options[]" value="{ref_option}" type="checkbox"/>{intitule_option}</label>
            <div class="option_desc">{description_option}</div>
          </td>
          <!-- BEGIN:offerte -->
          <td>Offert</td>
          <!-- END:offerte -->
          <!-- BEGIN:payante -->
          <td>{prix_option}</td>
          <!-- END:payante -->
          <!-- END:simple -->
          <!-- BEGIN:textarea -->
          <td>
            <label><input name="options[]" value="{ref_option}" type="checkbox"/>{intitule_option}</label>
            <div class="option_desc">{description_option}</div>
            <textarea name="options_valeurs[{ref_option}]" rows="5">{valeur_option}</textarea>
          </td>
          <!-- BEGIN:offerte -->
          <td>Offert</td>
          <!-- END:offerte -->
          <!-- BEGIN:payante -->
          <td>{prix_option}</td>
          <!-- END:payante -->
          <!-- END:textarea -->
          <!-- BEGIN:select -->
          <td>
            <label><input name="options[]" value="{ref_option}" type="checkbox"/>{intitule_option}</label>
            <div class="option_desc">{description_option}</div>
            <select name="options_valeurs[{ref_option}]">
              <!-- BEGIN:choix -->
              <option value="{valeur}" {selected}>{valeur}</option>
              <!-- END:choix -->
            </select>
          </td>
          <!-- BEGIN:offerte -->
          <td>Offert</td>
          <!-- END:offerte -->
          <!-- BEGIN:payante -->
          <td>{prix_option}</td>
          <!-- END:payante -->
          <!-- END:select -->
          <td class="produit_supp"> </td>
        </tr>
        <!-- END:option -->
      </table>
    </div>
    <!-- END:options_disponibles -->
    <div>
      <h2> Vous bénéficiez d'un bon de réduction ? </h2>
      <!-- BEGIN:erreur_bon -->
      <div>{erreur}</div>
      <!-- END:erreur_bon -->
      <label for="reduction">Renseignez le code de votre bon de réduction :</label>
      <input type="text" name="bon" value="{bon}" id="reduction" style="width: 40%;"  />
      </p>
    </div>
    <p><input type="submit" name="bt_commande" value="Commander" title="Commander"/>
    <input type="submit" name="bt_recalcul" value="Recalculer" title="Recalculer"/></p>
    <input type="hidden" name="act" value="refresh" />
    <input type="hidden" name="ctl" value="{ctl}" />
    <p><a href="{lien_continuer}" title="Continuez vos achats">Continuez vos achats</a></p>
  </form>
  <!-- END:produits -->
  <!-- BEGIN:noproduits -->
  <p>Votre panier est vide. <a href="/" title="Continuez vos achats">Retourner a l'accueil</a></p>
  <!-- END:noproduits -->

<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

lien_continuer

Affiche un lien vers la dernière page ou le dernier produit consulté.

type_prix

"HT" ou "TTC"

nb_produits

Nombre de produits dans la commande (somme des quantités)

pluriel_produits

Affiche "s" ou "" suivant que le nombre de produit est supérieur à 1

min_commande

Affiche le montant de commande minimal formaté avec la devise du site

min_commande_valeur

Affiche la valeur numérique brute du montant de commande minimal

total_articles_valeur

Total des prix, sans formatage, des articles HT ou TTC en fonction de la configuration du catalogue

total_articles_HT_valeur

Total HT des prix des articles (hors frais de port, sans formatage)

total_articles_TTC_valeur

Total TTC des prix des articles (hors frais de port, sans formatage)

total_HT_valeur

Total HT de la commande, sans formatage

total_TTC_valeur

Total TTC de la commande, sans formatage

frais_port_valeur

Montant des frais de port, sans formatage

total_TVA_valeur

Total TVA de la commande, sans formatage

total_eco_taxe_valeur

Total de l'ecotaxe de la commande, sans formatage

total_articles

Total des prix des articles HT ou TTC en fonction de la configuration du catalogue

total_articles_HT

Total HT des prix des articles (hors frais de port)

total_articles_TTC

Total TTC des prix des articles (hors frais de port)

total_HT

Total HT de la commande

total_TTC

Total TTC de la commande

frais_port

Montant des frais de port

zone_livraison

Zone de livraison

total_TVA

Total TVA de la commande

total_eco_taxe

Total de l'eco-participation de la commande

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Bloc main.intitule

Ne s'affiche que si l'intitulé du widget est rempli.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:intitule -->

intitule

Cet intitulé est paramétrable lors de l'édition d'un widget dans la gestion de l'Apparence de la Console d'administration de Kiubi.

Bloc main.produits

Bloc affiché si le panier contient au moins 1 produit

Bloc main.produits.produit

Bloc affiché pour chaque produit du panier

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:produit -->

lien_produit

Lien vers la fiche produit

intitule_produit

Intitulé du produit.

accroche

Accroche du produit. Affiche le chapô du produit ou son contenu si son chapô est vide.

reference

référence de la variante

ref

identifiant interne au panier qui permet d'identifier un produit. Utilisé pour ajouter / supprmier des produits au panier

intitule_variante

Intitulé de la variante.

lien_supprimer

Lien pour supprimer le produit du panier

prix_unitaire

Prix unitaire du produit

qt

Quantité du produit dans le panier

prix_total

Prix total des produits de la référence

eco_taxe

Montant de l'éco-participation.

prix_unitaire_valeur

Prix unitaire du produit, sans formatage

eco_taxe_valeur

Montant de l'éco-participation, sans formatage

prix_total_valeur

Prix total des produits de la référence, sans formatage

compteur

La balise affichera un compteur commençant à 1 et qui sera incrémenté de 1 à chaque fois.

alterne

La balise affichera alternativement 1 ou 2.

alterne_3

La balise affichera alternativement 1,2 ou 3.

alterne_4

La balise affichera alternativement 1,2,3 ou 4.

alterne_5

La balise affichera alternativement 1,2,3,4 ou 5.

Bloc main.produits.produit.illustration

Bloc affiché si le produit a une illustration.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:illustration -->

illustration

Identifiant unique de l'illustration de la référence. L'url est à construire de la façon suivante : /media/{illustration}

url_illustration

url complète de l'illustration principale

url_illustration_miniature

url complète de la miniature de l'illustration principale

url_illustration_vignette

url complète de la vignette de l'illustration principale

url_illustration_g_miniature

url complète de la grande miniature de l'illustration principale

url_illustration_g_vignette

url complète de la grande vignette de l'illustration principale

ext_illustration

Extension de fichier de l'illustration principale du produit

Bloc main.produits.produit.noillustration

Bloc affiché si le produit n'a pas d'illustration.

Bloc main.produits.produit.reference

Bloc affiché si le produit a une référence.

Bloc main.produits.produit.accroche

Bloc affiché si le produit a une accroche.

Bloc main.produits.produit.erreur_qt

Bloc affiché en cas d'erreur sur la quantité de produit disponible, c'est à dire si l'internaute a essayé de mettre dans son panier une quantité de produit supérieur au stock disponible.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:erreur_qt -->

max

Affiche le stock disponible.

Bloc main.produits.livrable

Bloc affiché si la commande est livrable par un des transporteurs du site.

Bloc main.produits.nonlivrable

Bloc affiché si la commande n'est livrable par aucun transporteur (pays non déservi, poids trop important...)

Bloc main.produits.eco_taxe

Bloc affiché si l'éco taxe est supérieure à 0

Bloc main.produits.option

Bloc affiché si le panier contient au moins une option à la commande

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:option -->

intitule_option

Libellé de l'option à la commande

qt

Quantité de l'option à la commande

prix_unitaire

Prix unitaire de l'option à la commande

prix_total

Prix total de l'option à la commande

prix_unitaire_valeur

Prix unitaire de l'option, sans formatage

prix_total_valeur

Prix total de l'option, sans formatage

type_option

Type de l'option "simple", "textarea" ou "select"

Bloc main.produits.option.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.option.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.option.simple

Bloc affiché si l'option à la commande est de type simple

Bloc main.produits.option.simple.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.option.simple.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.option.textarea

Bloc affiché si l'option à la commande est de type textarea

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:textarea -->

valeur_option

Valeur de l'option saisi par le visiteur

Bloc main.produits.option.textarea.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.option.textarea.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.option.select

Bloc affiché si l'option à la commande est de type liste déroulante

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:select -->

valeur_option

Valeur de l'option saisi par le visiteur

Bloc main.produits.option.select.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.option.select.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.options_disponibles

Bloc affiché si au moins une option à la commande est disponible

Bloc main.produits.options_disponibles.option

Bloc affiché pour chaque option à la commande

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:option -->

type_option

Type de l'option "simple", "textarea" ou "select"

ref_option

Identifiant interne de l'option à la commande

intitule_option

Libellé de l'option à la commande

description_option

Description de l'option à la commande

valeur_option

Valeur de l'option saisi par le visiteur

prix_option

Prix de l'option HT ou TTC en fonction de la configuration du catalogue

prix_option_HT

Prix de l'option HT

prix_option_TTC

Prix de l'option TTC

prix_option_valeur

Prix de l'option HT ou TTC en fonction de la configuration du catalogue, sans formatage

prix_option_HT_valeur

Prix de l'option HT, sans formatage

prix_option_TTC_valeur

Prix de l'option TTC, sans formatage

Bloc main.produits.options_disponibles.option.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.options_disponibles.option.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.options_disponibles.option.simple

Bloc affiché si l'option est de type simple

Bloc main.produits.options_disponibles.option.simple.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.options_disponibles.option.simple.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.options_disponibles.option.textarea

Bloc affiché si l'option est de type zone de texte

Bloc main.produits.options_disponibles.option.textarea.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.options_disponibles.option.textarea.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.options_disponibles.option.select

Bloc affiché si l'option est de type liste déroulante

Bloc main.produits.options_disponibles.option.select.choix

Affiche un choix possible de l'option

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:choix -->

valeur

Valeur du choix

selected

Indique si le choix est sélectionné. Renvoit selected="selected"

Bloc main.produits.options_disponibles.option.select.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.produits.options_disponibles.option.select.payante

Bloc affiché si l'option a un prix > 0

Bloc main.produits.bon

Bloc affiché uniquement pour les bons de type remise fixe ou frais de port fixes

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:bon -->

intitule_produit

Inititulé du bon de réduction de type remise fixe ou frais de port fixes

prix_total_valeur

Montant total de la remise accordée (montant négatif, sans formatage)

prix_total

Montant total de la remise accordée (montant négatif)

qt

Quantité (toujours 1)

prix_unitaire_valeur

Montant total de la remise accordée (montant négatif, sans formatage)

prix_unitaire

Montant total de la remise accordée (montant négatif)

compteur

La balise affichera un compteur commençant à 1 et qui sera incrémenté de 1 à chaque fois.

alterne

La balise affichera alternativement 1 ou 2.

alterne_3

La balise affichera alternativement 1,2 ou 3.

alterne_4

La balise affichera alternativement 1,2,3 ou 4.

alterne_5

La balise affichera alternativement 1,2,3,4 ou 5.

Bloc main.produits.bon.noillustration

Bloc parsé systématiquement si le panier possède un bon de type remise fixe ou frais de port fixes

Bloc main.produits.remise

Bloc affiché uniquement pour les remises en pourcentage

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:remise -->

intitule_remise

Bloc affiché uniquement pour les bons de type remise en pourcentage

Bloc main.produits.date_livraison

Le bloc s'affiche si le transporteur exige une date de livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:date_livraison -->

date_livraison

Affiche la date actuellement choisie au format dd/mm/YY

Bloc main.produits.date_livraison.heure_livraison

Le bloc s'affiche si le transporteur exige une heure de livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:heure_livraison -->

heure_livraison

Affiche l'heure de livraison

Bloc main.noproduits

Bloc affiché en l'absence de produits dans le panier.

Bloc main.commande_HT

Bloc affiché pour les catalogues en prix HT.

Ce widget permet à l'internaute de choisir ses adresses de livraisons et de facturations ainsi que le transporteur assigné à la livraison de la commande.

La totalité des informations des deux adresses, sauf la « Société », sont obligatoires et ne peuvent pas être modifiées.

Ce widget utilise deux autres templates :

  • transporteur.html : correspond au choix du transporteur
  • socolissimo.html : correspond à l'intégration de la solution SoColissimo

Avertissement : ce widget ne peut être utilisé que sur la page type "Livraison" du service "E-commerce".

Paramètres de configuration du widget

  • Modèle graphique : permet de choisir entre les différents modèles graphiques disponibles. Chaque modèle graphique détermine une apparence différente du widget.
  • Intitulé : afficher un intitulé, un titre, au widget.

Répertoire

Le code source de ce widget se trouve à l'emplacement suivant :

theme/fr/widgets/commandes/livraison/index.html

Exemple du code source

<!-- BEGIN:main -->

<ul>
  <li><a href="{baseLangue}/ecommerce/panier.html" title="Panier">1. Panier</a></li>
  <li><a href="#" title="Authentification">2. Authentification</a></li>
  <li><a href="{baseLangue}/ecommerce/livraison.html" title="Livraison">3. Livraison</a></li>
  <li>4. Mode de paiement</li>
  <li>5. Validation</li>
</ul>

  <!-- BEGIN:intitule -->
  <h1>{intitule}</h1>
  <!-- END:intitule -->
  <form method="post" action="">
    <p style="margin: 0 0 20px 0;">Veuillez indiquer une adresse de facturation et de livraison  (celles-ci peuvent être différentes). Les adresses indiquées pour des  commandes ultérieures sont conservées et peuvent être réutilisées.</p>
    <!-- BEGIN:erreurs -->
    <div>
      <!-- BEGIN:erreur -->
      {erreur}<br />
      <!-- END:erreur -->
    </div>
    <!-- END:erreurs -->

<!-- BEGIN:erreur_livraison-->
    <div>
		{erreur}
	</div>
<!-- END:erreur_livraison -->

    <fieldset>
    <legend>Votre adresse de facturation</legend>
    <div>
      <p>
        <label for="civilite_f">Civilité :</label>
        <select name="civilite_f" id="civilite_f">
          <option value="M" {selected_M_f}>Monsieur</option>
          <option value="Mme" {selected_Mme_f}>Madame</option>
          <option value="Mlle" {selected_Mlle_f}>Mademoiselle</option>
        </select>
      </p>
      <p>
        <label for="nom_f">Nom :</label>
        <input type="text" name="nom_f" id="nom_f" value="{nom_f}"/>
      </p>
      <p>
        <label for="prenom_f">Prénom :</label>
        <input type="text" name="prenom_f" id="prenom_f" value="{prenom_f}"/>
      </p>
      <p>
        <label for="societe_f">Société : </label>
        <input type="text" name="societe_f" id="societe_f" value="{societe_f}" style="width: 70%;"/>facultatif 
      </p>
      <p>
        <label for="adresse_f">Adresse :</label>
        <input type="text" name="adresse_f" id="adresse_f" value="{adresse_f}"/>
      </p>
      <p>
        <label for="cp_f">Code postal / Ville :</label>
        <input type="text" name="cp_f" id="cp_f" value="{cp_f}" style="width: 20%;"/>
        <input type="text" name="ville_f" id="ville_f" value="{ville_f}" style="width: 60%;"/>
      </p>
      <p>
        <label for="pays_f">Pays :</label>
        <select name="pays_f" id="pays_f">
			<!-- BEGIN:pays_facturation -->
				<!-- BEGIN:groupe-->
					<optgroup label="{label}"></optgroup>
				<!-- END:groupe-->
			<option value="{value}" {selected}>{label}</option>
			<!-- END:pays_facturation -->
        </select>
      </p>
      <p>
        <label for="tel_f">Téléphone :</label>
        <input type="text" name="tel_f" id="tel_f" value="{tel_f}"/>
      </p>
    </div>
    </fieldset>
    <div>
    <h2>Vous souhaîtez <strong>être livré à une autre adresse</strong> :</h2>
    <p>
      <input name="livraison_diff" type="radio" id="livraison_diff1" value="1" {checked_livraison_diff1} onclick="$('#adresse_livraison').show()"/>
      <label for="livraison_diff1" style="display: inline;">Oui</label>
      <input name="livraison_diff" type="radio" id="livraison_diff0" value="0" {checked_livraison_diff0} onclick="$('#adresse_livraison').hide()"/>
      <label for="livraison_diff0" style="display: inline;">Non</label>
    </p>
    </div>
    <fieldset id="adresse_livraison">
    <legend>Votre adresse de livraison (si différente) </legend>
    <div>
      <p>
        <label for="civilite_l">Civilité :</label>
        <select name="civilite_l" id="civilite_l">
          <option value="M" {selected_M_l}>Monsieur</option>
          <option value="Mme" {selected_Mme_l}>Madame</option>
          <option value="Mlle" {selected_Mlle_l}>Mademoiselle</option>
        </select>
      </p>
      <p>
        <label for="nom_l">Nom :</label>
        <input type="text" name="nom_l" id="nom_l" value="{nom_l}"/>
      </p>
      <p>
        <label for="prenom_l">Prénom :</label>
        <input type="text" name="prenom_l" id="prenom_l" value="{prenom_l}"/>
      </p>
      <p>
        <label for="societe_l">Société :</label>
        <input type="text" name="societe_l" id="societe_l" value="{societe_l}" style="width: 70%;"/>facultatif 
      </p>
      <p>
        <label for="adresse_l">Adresse :</label>
        <input type="text" name="adresse_l" id="adresse_l" value="{adresse_l}"/>
      </p>
      <p>
        <label for="cp_l">Code postal / Ville :</label>
        <input type="text" name="cp_l" id="cp_l" value="{cp_l}" style="width: 20%;"/>
        <input type="text" name="ville_l" id="ville_l" value="{ville_l}" style="width: 60%;"/>
      </p>
      <p>
        <label for="pays_l">Pays :</label>
        <select name="pays_l" id="pays_l">
			<!-- BEGIN:pays_livraison -->
				<!-- BEGIN:groupe-->
					<optgroup label="{label}"></optgroup>
				<!-- END:groupe-->
			<option value="{value}" {selected}>{label}</option>
			<!-- END:pays_livraison -->
        </select>
      </p>
    </div>
    </fieldset>

	<!-- BEGIN:consentement -->
	<p>
	  <label for="consentement_ok">
		<input name="consentement_ok" id="consentement_ok" type="checkbox" value="1" {check_consentement}/>
		<strong>J'accepte de fournir mes coordonnées de facturation et de livraison</strong>
	  </label>
	</p>
	<!-- END:consentement -->

    <input type="hidden" name="act" value="adresses"/>
    <input type="hidden" name="ctl" value="{ctl}" />

   <p> <input type="submit" value="Continuer" title="Continuer"/></p>
   <p><a href="{baseLangue}/ecommerce/panier.html" title="Retour au panier">Retour au panier</a></p>
  
  </form>

<script type="text/javascript">
if("{cache_livraison}" == "1") {
	$('#adresse_livraison').hide()
} else {
	$('#adresse_livraison').show()
}
</script>

<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

ctl

Cette balise est présente dans certains widgets qui utilisent un formulaire. Elle y a alors une utilité technique, sans elle le formulaire ne fonctionnera pas.

checked_M_f

Renvoi checked="checked" pour la civilité "Monsieur" de l'adresse de facturation.

checked_Mme_f

Renvoi checked="checked" pour la civilité "Madame" de l'adresse de facturation.

checked_Mlle_f

Renvoi checked="checked" pour la civilité "Mademoiselle" de l'adresse de facturation.

selected_M_f

Renvoi selected="selected" pour la civilité "Monsieur" de l'adresse de facturation.

selected_Mme_f

Renvoi selected="selected" pour la civilité "Madame" de l'adresse de facturation.

selected_Mlle_f

Renvoi selected="selected" pour la civilité "Mademoiselle" de l'adresse de facturation.

nom_f

Nom de l'adresse de facturation

prenom_f

Prénom de l'adresse de facturation

societe_f

Société de l'adresse de facturation

adresse_f

Adresse de facturation

cp_f

Code postal de l'adresse de facturation

ville_f

Ville de l'adresse de facturation

tel_f

Téléphone de l'adresse de facturation

checked_M_l

Renvoi checked="checked" pour la civilité "Monsieur" de l'adresse de livraison.

checked_Mme_l

Renvoi checked="checked" pour la civilité "Madame" de l'adresse de livraison.

checked_Mlle_l

Renvoi checked="checked" pour la civilité "Mademoiselle" de l'adresse de livraison.

selected_M_l

Renvoi selected="selected" pour la civilité "Monsieur" de l'adresse de livraison.

selected_Mme_l

Renvoi selected="selected" pour la civilité "Madame" de l'adresse de livraison.

selected_Mlle_l

Renvoi selected="selected" pour la civilité "Mademoiselle" de l'adresse de livraison.

nom_l

Nom de l'adresse de livraison

prenom_l

Prénom de l'adresse de livraison

societe_l

Société de l'adresse de livraison

adresse_l

Adresse de livraison

cp_l

Code postal de l'adresse de livraison

ville_l

Ville de l'adresse de livraison

checked_livraison_diff1

Affiche checked="checked" si pour l'adresse de livraison est différente de l'adresse de facturation

checked_livraison_diff0

Affiche checked="checked" si pour l'adresse de livraison n'est pas différente de l'adresse de facturation

cache_livraison

Affiche 0 si pour l'adresse de livraison n'est pas différente de l'adresse de facturation

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Bloc main.intitule

Ne s'affiche que si l'intitulé du widget est rempli.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:intitule -->

intitule

Cet intitulé est paramétrable lors de l'édition d'un widget dans la gestion de l'Apparence de la Console d'administration de Kiubi.

Bloc main.commentaires_ouverts.consentement

Ce bloc s'affiche si le recueilement du consentement est activé.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:consentement -->

check_consentement

Renvoi checked="checked" pour accepter le recueil des données.

Bloc main.erreurs

Bloc affiché en cas d'erreurs sur les adresses de livraison ou de facturation.

Bloc main.erreurs.erreur

Bloc affiché pour chaque erreur.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:erreur -->

erreur

Affiche un message d'errreur

Bloc main.erreur_livraison

Bloc affiché en cas d'incompatibilité entre le transporteur et l'adresse de livraison.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:erreur_livraison -->

erreur

Affiche le message d'erreur détaillé.

Bloc main.pays_facturation et main.pays_livraison

Bloc affiché pour chaque pays.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:pays_livraison -->

label

nom du pays

value

identifiant du pays

selected

Affiche selected="selected" pour le pays choisit

Bloc main.pays_facturation.groupe et main.pays_livraison.groupe

Bloc affiché pour charque groupe de pays.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:groupe -->

label

Nom du groupe de pays

Correspond au choix du transporteur pour la livraison de la commande.

Exemple du code source

<!-- BEGIN:main -->
<ul>
  <li><a href="{baseLangue}/ecommerce/panier.html" title="Panier">1. Panier</a></li>
  <li><a href="#" title="Authentification">2. Authentification</a></li>
  <li><a href="{baseLangue}/ecommerce/livraison.html" title="Livraison">3. Livraison</a></li>
  <li>4. Mode de paiement</li>
  <li>5. Validation</li>
</ul>

  <!-- BEGIN:intitule -->
  <h1>{intitule}</h1>
  <!-- END:intitule -->

  <!-- BEGIN:erreurs -->
    Veuillez compléter les champs :
    <ul>
        <!-- BEGIN:erreur -->
        <li>{erreur}</li>
        <!-- END:erreur -->
    </ul>
  <!-- END:erreurs -->

  <form method="post" action="">
  <!-- BEGIN:livraison -->
    <!-- BEGIN:transporteur -->
    <div>
	  <div>{fraisport}
	  <!-- BEGIN:delai_livraison -->
	  <br /><em>{delai_livraison}</em>
	  <!-- END:delai_livraison -->
	  </div>
	   <input id="transporteur_{transporteur_id}" type="radio" name="transporteur_id" value="{transporteur_id}" {selected} /> <label for="transporteur_{transporteur_id}"><strong>{intitule_transporteur}</strong></label> 
	    
	  <!-- BEGIN:description -->
	  <div>{desc_transporteur}</div>
	  <!-- END:description -->

      <!-- BEGIN:date_livraison -->
	  <div>
        Le <input name="transporteur_date[{transporteur_id}]" type="text" value="{date_livraison}">
        <!-- BEGIN:heure_livraison -->
        à <input name="transporteur_heure[{transporteur_id}]" type="text" value="{heure_livraison}"> h
        <!-- END:heure_livraison -->
	  </div>
	  <!-- END:date_livraison -->

      </div>
	<!-- END:transporteur -->
    <!-- BEGIN:retrait_magasin -->
     <div>
     <div>Offert</div>
        <input id="transporteur_{transporteur_id}" type="radio" name="transporteur_id" value="{transporteur_id}" {selected} />   <label for="transporteur_{transporteur_id}"><strong>{intitule_transporteur}</strong></label> 
      <!-- BEGIN:description -->
      <div>{desc_transporteur}</div>
      <!-- END:description -->
      <p>
      {societe}<br />
      {adresse}<br />
      {cp} {ville}<br />
      {pays}<br />
      </p>

 	  <!-- BEGIN:date_livraison -->
 	  <div>
        Le <input name="transporteur_date[{transporteur_id}]" type="text" value="{date_livraison}">
	    <!-- BEGIN:heure_livraison -->
	    à <input name="transporteur_heure[{transporteur_id}]" type="text" value="{heure_livraison}"> h
	    <!-- END:heure_livraison -->
 	  </div>
      <!-- END:date_livraison -->

     </div>
    <!-- END:retrait_magasin -->
  <!-- END:livraison -->
    <input type="hidden" name="act" value="choix"/>
    <input type="hidden" name="ctl" value="{ctl}" />
    <p><input type="submit" value="Continuer" title="Continuer"/></p>
    <p>
    <a href="{baseLangue}/ecommerce/panier.html" title="Retour au panier">Retour au panier</a></p>
  </form>

<!-- END:main -->

Balises disponibles

Bloc main.intitule

Ne s'affiche que si l'intitulé du widget est rempli.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:intitule -->

intitule

Cet intitulé est paramétrable lors de l'édition d'un widget dans la gestion de l'Apparence de la Console d'administration de Kiubi.

Bloc main.erreurs

Bloc affiché en cas d'erreurs.

Bloc main.erreurs.erreur

Bloc affiché pour chaque erreur.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:erreur -->

erreur

Affiche un message d'errreur

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

ctl

Cette balise est présente dans certains widgets qui utilisent un formulaire. Elle y a alors une utilité technique, sans elle le formulaire ne fonctionnera pas.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Bloc main.livraison

Bloc affiché pour chaque mode de livraison

Bloc main.livraison.transporteur

Bloc affiché pour chaque mode de livraison par transporteur

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:transporteur -->

transporteur_id

Identifiant du transporteur

intitule_transporteur

Intitulé du transporteur

fraisport_HT

Frais de port HT

fraisport_TTC

Frais de port TTC

fraisport

Frais de port HT ou TTC en fonction de la configuration du catalogue

fraisport_HT_valeur

Frais de port HT (sans formattage ni devise)

fraisport_TTC_valeur

Frais de port TTC (sans formattage ni devise)

fraisport_valeur

Frais de port HT ou TTC en fonction de la configuration du catalogue (sans formattage ni devise)

selected

Renvoi selected="selected" pour le transporteur selectionné.

Bloc main.livraison.transporteur.description

Bloc affiché si la description du transporteur est renseignée.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:description -->

desc_transporteur

Description du transporteur

Bloc main.livraison.transporteur.delai_livraison

Bloc affiché si le délai de livraison du transporteur est renseigné.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:delai_livraison -->

delai_livraison

Délai de livraison

Bloc main.livraison.transporteur.date_livraison

Le bloc s'affiche si la gestion de la date de retrait est activée

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:date_livraison -->

date_livraison

Affiche la date actuellement choisie au format dd/mm/YY

Bloc main.livraison.transporteur.date_livraison.heure_livraison

Le bloc s'affiche si la gestion de l'heure de retrait est activée

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:heure_livraison -->

heure_livraison

Affiche l'heure de livraison choisie

Bloc main.livraison.retrait_magasin

Bloc affiché pour chaque mode de livraison en retrait magasin.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:retrait_magasin -->

transporteur_id

Identifiant du transporteur

intitule_transporteur

Intitulé du transporteur

delai_livraison

Délai de livraison

fraisport_HT

Frais de port HT

fraisport_TTC

Frais de port TTC

fraisport

Frais de port HT ou TTC en fonction de la configuration du catalogue

fraisport_HT_valeur

Frais de port HT (sans formattage ni devise)

fraisport_TTC_valeur

Frais de port TTC (sans formattage ni devise)

fraisport_valeur

Frais de port HT ou TTC en fonction de la configuration du catalogue (sans formattage ni devise)

desc_transporteur

Description du transporteur

selected

Renvoi selected="selected" pour le transporteur selectionné.

societe

Raison sociale de l'adresse du retrait en magasin

adresse

Adresse du retrait en magasin

cp

Code postal du retrait en magasin

ville

Ville du retrait en magasin

pays

Pays du retrait en magasin

Bloc main.livraison.retrait_magasin.date_livraison

Le bloc s'affiche si la gestion de la date de retrait est activée

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:date_livraison -->

date_livraison

Affiche la date actuellement choisie au format dd/mm/YY

Bloc main.livraison.retrait_magasin.date_livraison.heure_livraison

Le bloc s'affiche si la gestion de l'heure de retrait est activée

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:heure_livraison -->

heure_livraison

Affiche l'heure de livraison choisie

Bloc main.transporteurs_tranchespoids

Bloc affiché pour le transporteur par tranches de poids

Bloc main.transporteur_magasin

Bloc affiché pour le retrait en magasin.

Bloc main.transporteur_magasin.description

Bloc affiché si la description du retrait en magasin est renseignée.

Bloc main.transporteurs_tranchespoids.transporteur

Bloc affiché pour chaque mode de livraison par transporteur par tranches de poids.

Bloc main.transporteurs_tranchespoids.transporteur.delai_livraison

Bloc affiché si le délai de livraison du transporteur est renseigné.

Bloc main.transporteurs_tranchespoids.transporteur.description

Bloc affiché si la description du transporteur est renseignée.

Correspond à l'intégration de la solution SoColissimo.

Exemple du code source

<!-- BEGIN:main -->

<ul>
  <li><a href="{baseLangue}/ecommerce/panier.html" title="Panier">1. Panier</a></li>
  <li><a href="#" title="Authentification">2. Authentification</a></li>
  <li><a href="{baseLangue}/ecommerce/livraison.html" title="Livraison">3. Livraison</a></li>
  <li>4. Mode de paiement</li>
  <li>5. Validation</li>
</ul>

  <!-- BEGIN:intitule -->
  <h1>{intitule}</h1>
  <!-- END:intitule -->

	<!-- BEGIN:erreurs -->
  <div>
    <!-- BEGIN:erreur -->
    {erreur}<br />
    <!-- END:erreur -->
  </div>
  <!-- END:erreurs -->

  <!-- BEGIN:formulaire -->
	<div>
	<form method="post" id="formulaire_socolissimo" action="{formulaire_action}" target="socolissimo-iframe">
	{formulaire}
	</form>

	<iframe name="socolissimo-iframe" src="#" style="border:0px solid #000000"
		 		marginwidth="0" marginheight="0" frameborder="0"  
				width="572" height="1050"></iframe>

	<script type="text/javascript">
	document.getElementById("formulaire_socolissimo").submit();
	</script>
	</div>
	 
  <!-- END:formulaire -->
  <p><a href="{baseLangue}/ecommerce/transporteurs.html" title="Retour au panier">Choisir un autre mode de Livraison</a></p>

<!-- END:main -->

Balises disponibles

Bloc main.intitule

Ne s'affiche que si l'intitulé du widget est rempli.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:intitule -->

intitule

Cet intitulé est paramétrable lors de l'édition d'un widget dans la gestion de l'Apparence de la Console d'administration de Kiubi.

Bloc main.erreurs

Bloc affiché en cas d'erreurs.

Bloc main.erreurs.erreur

Bloc affiché pour chaque erreur.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:erreur -->

erreur

Affiche un message d'errreur

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

ctl

Cette balise est présente dans certains widgets qui utilisent un formulaire. Elle y a alors une utilité technique, sans elle le formulaire ne fonctionnera pas.

Bloc main.formulaire

Bloc affiché si le service SoColissimo est disponible et que l'internaute accède au site avec un appareil non mobile.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:formulaire -->

formulaire

Affiche le formualire d'accès vers le service SoColissimo.

formulaire_action

Affiche l'url d'accès au service SoColissimo.

Bloc main.formulaire_mobile

Bloc affiché si le service SoColissimo est disponible et que l'internaute accède au site avec un appareil mobile.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:formulaire_mobile -->

formulaire

Affiche le formualire d'accès vers le service SoColissimo Mobile.

formulaire_action

Affiche l'url d'accès au service SoColissimo Mobile.

Ce widget permet à l'internaute de finaliser sa commande.

L'internaute pourra ainsi :

  • Consulter un récapitulatif de sa commande.
  • Choisir son mode de paiement.

Une fois le mode de paiement choisi, l'internaute accédera à des informations spécifiques au mode de paiement choisi.

Les informations spécifiques aux modes de paiement se configurent dans la rubrique « Mon site / Commandes / Modes de paiement ».

Avertissement : ce widget ne peut être utilisé que sur la page type "Mode paiement" du service "E-commerce".

Ce widget est composé de 8 fichiers :

  • index.html : correspond à la page de récapitulation de la commande.
  • cheque.html : correspond à la page spécifique au mode de paiement par chèque.
  • paybox.html : correspond à la page spécifique au mode de paiement par carte bleue via PayBox.
  • paypal.html : correspond à la page spécifique au mode de paiement via PayPal.
  • virement.html : correspond à la page spécifique au mode de paiement par virement bancaire.
  • atos.html : correspond à la page spécifique au mode de paiement via Atos SIPS.
  • cm_cic.html : correspond à la page spécifique au mode de paiement via CM/CIC.
  • systempay.html : correspond à la page spécifique au mode de paiement via SystemPay.

Paramètres de configuration du widget

  • Modèle graphique : permet de choisir entre les différents modèles graphiques disponibles. Chaque modèle graphique détermine une apparence différente du widget.
  • Intitulé : afficher un intitulé, un titre, au widget.

Répertoire

Le code source de ce widget se trouve à l'emplacement suivant :

theme/fr/widgets/commandes/paiement/index.html

Exemple du code source

<!-- BEGIN:main -->

<ul>
  <li><a href="{baseLangue}/ecommerce/panier.html" title="Panier">1. Panier</a></li>
  <li><a href="#" title="Authentification">2. Authentification</a></li>
  <li><a href="{baseLangue}/ecommerce/livraison.html" title="Livraison">3. Livraison</a></li>
  <li><a href="{baseLangue}/ecommerce/paiement.html" title="Mode de paiement">4. Mode de paiement</a></li>
  <li>5. Validation</li>
</ul>
<!-- BEGIN:choix -->

  <h1>Récapitulatif de vos achats</h1>

  <!-- BEGIN:erreurs -->
  <ul>
    <!-- BEGIN:erreur --><li>{erreur}</li><!-- END:erreur -->
  </ul>
  <!-- END:erreurs -->

  <!-- BEGIN:alerte_montant -->
    <p>Attention, la commande doit être d'un montant minimum de {min_commande}.</p>
  <!-- END:alerte_montant -->

  <table>
    <tr>
      <th align="left" scope="col" style="width:70%;">{nb_produits} article{pluriel_produits}</th>
      <th align="right" nowrap="nowrap" scope="col">Prix</th>
      <th scope="col" style="width:30%;">Qte</th>
      <th align="right" nowrap="nowrap" scope="col">Total</th>
    </tr>
    <!-- BEGIN:produit -->
    <tr>
      <td><strong>{intitule_produit}</strong><br />
        <!-- BEGIN:reference -->
        <p>Ref. : {reference}</p>
        <!-- END:reference -->
        <p>{intitule_variante}</p></td>
      <td align="right">{prix_unitaire}</td>
      <td align="center">{qt}</td>
      <td align="right"><strong>{prix_total}</strong></td>
    </tr>
    <!-- END:produit -->
    <!-- BEGIN:option -->
    <tr>
        <!-- BEGIN:simple -->
        <td>{intitule_option}</td>
        <!-- BEGIN:offerte -->
        <td></td>
        <td>{qt}</td>
        <td>Offert</td>
        <!-- END:offerte -->
        <!-- BEGIN:payante -->
        <td>{prix_unitaire}</td>
        <td>{qt}</td>
        <td>{prix_total}</td>
        <!-- END:payante -->
        <!-- END:simple -->
        <!-- BEGIN:textarea -->
        <td>{intitule_option} : {valeur_option}</td>
        <!-- BEGIN:offerte -->
        <td></td>
        <td>{qt}</td>
        <td>Offert</td>
        <!-- END:offerte -->
        <!-- BEGIN:payante -->
        <td>{prix_unitaire}</td>
        <td>{qt}</td>
        <td>{prix_total}</td>
        <!-- END:payante -->
        <!-- END:textarea -->
        <!-- BEGIN:select -->
        <td>{intitule_option} : {valeur_option}</td>
        <!-- BEGIN:offerte -->
        <td></td>
        <td>{qt}</td>
        <td>Offert</td>
        <!-- END:offerte -->
        <!-- BEGIN:payante -->
        <td>{prix_unitaire}</td>
        <td>{qt}</td>
        <td>{prix_total}</td>
        <!-- END:payante -->
        <!-- END:select -->
    </tr>
    <!-- END:option -->
    <!-- BEGIN:bon -->
    <tr>
      <td colspan="3"><strong>{intitule_produit}</strong></td>
      <td align="right"><strong>{prix_total}</strong></td>
    </tr>
    <!-- END:bon -->
    <!-- BEGIN:remise -->
    <tr>
      <td  colspan="3"><strong>{intitule_remise}</strong></td>
      <td align="right"></td>
    </tr>
    <!-- END:remise -->
    <tr>
      <td colspan="3"><strong>Total hors frais de livraison</strong></td>
      <td align="right"><strong>{total_articles}</strong></td>
    </tr>
    <tr>
      <td colspan="3">Frais de port</td>
      <td align="right">{frais_port}</td>
    </tr>
    <!-- BEGIN:commande_HT -->
    <tr>
      <td colspan="3"><strong>Total HT</strong></td>
      <td align="right"><strong>{total_HT}</strong></td>
    </tr>
    <tr>
      <td colspan="3" >TVA</td>
      <td align="right">{total_TVA}</td>
    </tr>
    <!-- END:commande_HT -->
    <tr>
      <td colspan="3">Total TTC </td>
      <td align="right">{total_TTC}</td>
    </tr>
  </table>


  <div>
    <h1>Adresse de facturation</h1>
    <p><strong>{civilite_f} {prenom_f} {nom_f}</strong> <br />
    <!-- BEGIN:societe_f -->
    {societe_f}<br />
    <!-- END:societe_f -->
    {adresse_f}<br />
    {cp_f} {ville_f}<br />
    {pays_f}</p>
    <p>
    <a href="{baseLangue}/ecommerce/livraison.html" title="Modifier l'adresse">Modifier l'adresse</a></p> </div>
  <!-- BEGIN:transporteur_tranchespoids -->
  <div>
    <h1>Adresse de livraison</h1>
    <p><strong>{civilite_l} {prenom_l} {nom_l}</strong> <br />
    <!-- BEGIN:societe_l -->
    {societe_l}<br />
    <!-- END:societe_l -->
    {adresse_l}<br />
    {cp_l} {ville_l} <br />
    {pays_l}</p><p>
    <a href="{baseLangue}/ecommerce/livraison.html" title="Modifier l'adresse">Modifier l'adresse</a></p> </div>


  <h1>Mode de livraison</h1>
  <p>Vous serez livrés par <strong>{intitule_transporteur}</strong>
  <!-- BEGIN:delai_livraison -->
  dans un délai de {delai_livraison}
  <!-- END:delai_livraison -->
      <!-- BEGIN:date_livraison -->
      Votre commande sera à retirer à partir du <strong>{date_livraison}</strong>
      <!-- BEGIN:heure_livraison -->à <strong>{heure_livraison}</strong><!-- END:heure_livraison -->
      .<br />
      <br />
      <!-- END:date_livraison -->
  </p>
  <p><a href="{baseLangue}/ecommerce/transporteurs.html" title="Changer de transporteur">Changer de mode de livraison</a></p>

<!-- END:transporteur_tranchespoids -->
<!-- BEGIN:transporteur_socolissimo -->
<!-- BEGIN:domicile -->
<div>
  <h1>Adresse de livraison</h1>
  <p>{intitule_transporteur}, "{intitule_mode}", à l'adresse suivante :<br />
  <br />
  <strong>{civilite_l} {prenom_l} {nom_l}</strong> <br />
  <!-- BEGIN:societe_l -->
  {societe_l}<br />
  <!-- END:societe_l -->
  {adresse_l}<br />
  {cp_l} {ville_l} <br />
  {pays_l}</p><p>
  <a href="{baseLangue}/ecommerce/livraison.html" title="Modifier l'adresse">Modifier l'adresse</a></p> 
</div>
<!-- END:domicile -->
<!-- BEGIN:hors_domicile -->
<div>
  <h1>Point de retrait</h1>
  <p>{intitule_transporteur}, "{intitule_mode}", à l'adresse suivante :<br />
  <br />
  {societe_l}<br />
  {adresse_l}<br />
  {cp_l} {ville_l} <br />
  {pays_l}<p>
  La commande doit être retirée par <strong>{civilite_l} {prenom_l} {nom_l}</strong> ou par une personne mandatée</p><p>
  <a href="{baseLangue}/ecommerce/livraison.html" title="Modifier l'adresse">Modifier l'adresse</a> </p> 
</div>
<!-- END:hors_domicile -->

  <h1>Mode de livraison</h1>
  <p>La commande sera prise en charge par <strong>{intitule_transporteur}</strong>
  <!-- BEGIN:delai_livraison -->
  dans un délai de {delai_livraison}
  <!-- END:delai_livraison -->
  </p>
  <p><a href="{baseLangue}/ecommerce/transporteurs.html" title="Changer de transporteur">Changer de mode de livraison</a></p>

<!-- END:transporteur_socolissimo -->
<!-- BEGIN:transporteur_magasin -->
<div>
  <h1>Point de retrait</h1>
 <p> <!-- BEGIN:description -->
  {desc_transporteur}<br />
  <br />
  <!-- END:description -->
  <!-- BEGIN:date_livraison -->
  Votre commande sera à retirer à partir du <strong>{date_livraison}</strong>
  <!-- BEGIN:heure_livraison -->à <strong>{heure_livraison}</strong><!-- END:heure_livraison -->
  .<br />
  <br />
  <!-- END:date_livraison -->
  <strong>{societe_l}</strong><br />
  {adresse_l}<br />
  {cp_l} {ville_l}<br />
  {pays_l}</p><p>
  <a href="{baseLangue}/ecommerce/transporteurs.html" title="Changer de transporteur">Changer de mode de livraison</a></p>  
</div>

<!-- END:transporteur_magasin -->

<!-- BEGIN:fidelite -->
  <h1>Points de fidélité</h1>
  <p>
	Vous gagnez <strong>{gain_fidelite}</strong> points de fidélité. Votre nouveau 
	solde sera <strong>{solde_fidelite}</strong> après validation du paiement.
  </p>
<!-- END:fidelite -->

  <h1>Choisissez votre mode de paiement</h1>
  <!-- BEGIN:paiements -->
  <form method="post" action="">
    <p>Vous souhaîtez payer par : </p>
    <!-- BEGIN:paiement -->
    <p>
      <input type="radio" name="paiement" value="{mode_id}" id="paiement{mode_id}" {checked}/>
      <label for="paiement{mode_id}">{intitule_mode}</label>
    </p>
    <!-- END:paiement -->

	<!-- BEGIN:gratuit -->
	  <p>La commande est gratuite, vous devez uniquement la valider pour confirmer votre achat.</p>
	<!-- END:gratuit -->

    <p>
	  Il ne vous reste plus qu'à enregistrer votre commande. Cela va entrainer la validation de votre
	  commande que vous procédiez ou non au paiement par la suite.
	</p>
    <p><input type="submit" value="Enregistrer la commande" title="Enregistrer la commande"/></p>
    <input type="hidden" name="act" value="paiement" />
    <input type="hidden" name="ctl" value="{ctl}" />
  </form>
  <!-- END:paiements -->
  <!-- BEGIN:nopaiement -->
  <p><strong>Tous les modes de paiement sont momentanément suspendus, vous ne pouvez pas finaliser votre commande. Nous faisons notre possible pour revenir à un fonctionnement normal. <br />
  <br />
  Merci de votre compréhension.</strong></p>
  <!-- END:nopaiement -->

<!-- END:choix -->
<!-- BEGIN:paiement -->
{paiement}
<!-- END:paiement -->
<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

ctl

Cette balise est présente dans certains widgets qui utilisent un formulaire. Elle y a alors une utilité technique, sans elle le formulaire ne fonctionnera pas.

type_prix

"HT" ou "TTC"

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Bloc main.choix

Le contenu du bloc s'affiche avant d'avoir validé le mode de paiement.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:choix -->

civilite_f

Civilité de l'adresse de facturation. Affiche M, Mme ou Mlle.

nom_f

Nom de l'adresse de facturation

prenom_f

Prénom de l'adresse de facturation

societe_f

Société de l'adresse de facturation

adresse_f

Adresse de facturation

cp_f

Code postal de l'adresse de facturation

ville_f

Ville de l'adresse de facturation

tel_f

Téléphone de l'adresse de facturation

pays_f

Pays de l'adresse de facturation

civilite_l

Civilité de l'adresse de livraison. Affiche M, Mme ou Mlle.

nom_l

Nom de l'adresse de livraison

prenom_l

Prénom de l'adresse de livraison

societe_l

Société de l'adresse de livraison

adresse_l

Adresse de livraison

cp_l

Code postal de l'adresse de livraison

ville_l

Ville de l'adresse de livraison

pays_l

Pays de l'adresse de livraison

nb_produits

Nombre de produits dans la commande (somme des quantités)

pluriel_produits

Affiche "s" ou "" suivant que le nombre de produit est supérieur à 1

total_articles_valeur

Total des prix des articles HT ou TTC en fonction de la configuration du catalogue

total_articles_HT_valeur

Total HT des prix des articles (hors frais de port)

total_articles_TTC_valeur

Total TTC des prix des articles (hors frais de port)

total_HT_valeur

Total HT de la commande

total_TTC_valeur

Total TTC de la commande

frais_port_valeur

Montant des frais de ports

total_articles

Total des prix des articles HT ou TTC en fonction de la configuration du catalogue

total_articles_HT

Total HT des prix des articles (hors frais de port)

total_articles_TTC

Total TTC des prix des articles (hors frais de port)

total_HT

Total HT de la commande

total_TTC

Total TTC de la commande

frais_port

Montant des frais de ports

zone_livraison

Zone de livraison.

total_TVA_valeur

Total TVA de la commande

total_TVA

Total TVA de la commande

intitule_transporteur

Initulé du mode de livraison selectionné

Bloc main.choix.erreurs

Bloc affiché en cas d'erreur à l'enregistrement de la commande

Bloc main.choix.erreurs.erreur

Bloc affiché pour chaque erreur

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:erreur -->

erreur

Affiche un message d'errreur

Bloc main.choix.alerte_montant

Le bloc s'affiche si le montant total actuel de la commande est insuffisant

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:alerte_montant -->

min_commande

Affiche le montant de commande minimal formaté avec la devise du site

min_commande_valeur

Affiche la valeur numérique brute du montant de commande minimal

Bloc main.choix.transporteur_tranchespoids

Ce bloc s'affiche uniquement si l'acheteur a selectionné un mode de livraison de type "tranches de poids"

Bloc main.choix.transporteur_tranchespoids.description

Ce bloc s'affiche si le mode de livraison selectionné contient une description

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:description -->

description

Description du mode de livraison de type "tranches de poids" selectionné

Bloc main.choix.transporteur_tranchespoids.delai_livraison

Ce bloc s'affiche si le mode de livraison selectionné rensigne un delai livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:delai_livraison -->

delai_livraison

Delai de livraison du mode de livraison de type "tranches de poids" selectionné

Bloc main.choix.transporteur_tranchespoids.societe_l

Ce bloc s'affiche si une société est renseignée dans l'adresse de livraison

Bloc main.choix.transporteur_tranchespoids.date_livraison

Le bloc s'affiche si le transporteur exige une date de livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:date_livraison -->

date_livraison

Affiche la date actuellement choisie au format dd/mm/YY

Bloc main.choix.transporteur_tranchespoids.date_livraison.heure_livraison

Le bloc s'affiche si la gestion de l'heure de retrait est activée

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:heure_livraison -->

heure_livraison

Affiche l'heure de livraison choisie

Bloc main.choix.transporteur_magasin

Ce bloc s'affiche uniquement si l'acheteur a selectionné le mode de livraison "Retrait en magasin"

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:transporteur_magasin -->

civilite

Civilité de l'adresse de livraison. Affiche M, Mme ou Mlle.

nom

Nom de l'adresse de livraison

prenom

Prénom de l'adresse de livraison

societe

Société de l'adresse de livraison

adresse

Adresse de livraison

cp

Code postal de l'adresse de livraison

ville

Ville de l'adresse de livraison

pays

Pays de l'adresse de livraison

Bloc main.choix.transporteur_magasin.description

Ce bloc s'affiche si le mode de livraison selectionné contient une description

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:description -->

description

Description du mode de livraison "Retrait en magasin"

Bloc main.choix.transporteur_magasin.date_livraison

Le bloc s'affiche si le transporteur exige une date de livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:date_livraison -->

date_livraison

Affiche la date actuellement choisie au format dd/mm/YY

Bloc main.choix.transporteur_magasin.date_livraison.heure_livraison

Le bloc s'affiche si la gestion de l'heure de retrait est activée

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:heure_livraison -->

heure_livraison

Affiche l'heure de livraison choisie

Bloc main.choix.transporteur_socolissimo

Ce bloc s'affiche uniquement si l'acheteur a selectionné le mode de livraison "So Colissimo"

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:transporteur_socolissimo -->

intitule_mode

Affiche le mode de livraison choisi : Mon domicile, Mon rendez-vous, Mon bureau de poste, Mon commerçant, Mon Cityssimo

code_mode

Affiche le code correspondant au mode de livraison choisi : DOM, DOS, RDV, BPR, A2P, MRL, CIT, ACP, CDI

Bloc main.choix.transporteur_socolissimo.description

Ce bloc s'affiche si le mode de livraison selectionné contient une description

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:description -->

description

Description du mode de livraison so colissimo rensignée dans le back-office

Bloc main.choix.transporteur_socolissimo.delai_livraison

Ce bloc s'affiche si le mode de livraison selectionné rensigne un delai livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:delai_livraison -->

delai_livraison

Delai de livraison du mode de livraison de type "tranches de poids" selectionné

Bloc main.choix.transporteur_socolissimo.domicile

Ce bloc s'affiche si l'acheteur choisi l'un des modes suivants : DOM, DOS, RDV

Bloc main.choix.transporteur_socolissimo.domicile.societe_l

Ce bloc s'affiche si une société est renseignée dans l'adresse de livraison

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:societe_l -->

societe

Société de l'adresse de livraison

Bloc main.choix.transporteur_socolissimo.hors_domicile

Ce bloc s'affiche si l'acheteur choisi l'un des modes suivants : BPR, A2P, MRL, CIT, ACP, CDI

Bloc main.choix.societe_f

Le contenu du bloc s'affiche s'il y a une société définir dans l'adresse de facturation.

Bloc main.choix.societe_l

Le contenu du bloc s'affiche s'il y a une société définir dans l'adresse de livraison.

Bloc main.choix.produit

Le contenu du bloc s'affiche pour chaque produit de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:produit -->

lien_produit

Lien vers le détail du produit.

intitule_produit

Intitulé du produit.

reference

référence de la variante

ref

Identifiant interne au panier qui permet d'identifier un produit. Utilisé pour ajouter / supprimer des produits au panier

prix_unitaire

Prix unitaire du produit

prix_unitaire_valeur

Idem prix_unitaire sans formatage

qt

Quantité de produit commandé.

prix_total

Prix total d'un même produit acheté (prix unitaire multiplié par la quantité).

prix_total_valeur

Idem prix_total sans formatage

intitule_variante

Intitulé de la variante.

eco_taxe

Montant de l'éco-participation.

eco_taxe_valeur

Idem eco_taxe sans formatage

compteur

La balise affichera un compteur commençant à 1 et qui sera incrémenté de 1 à chaque fois.

alterne

La balise affichera alternativement 1 ou 2.

alterne_3

La balise affichera alternativement 1,2 ou 3.

alterne_4

La balise affichera alternativement 1,2,3 ou 4.

alterne_5

La balise affichera alternativement 1,2,3,4 ou 5.

Bloc main.choix.produit.illustration

Le contenu du bloc s'affiche si le produit a une illustration.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:illustration -->

illustration

Numéro de fichier de l'illustration principale

url_illustration

url complète de l'illustration principale

url_illustration_miniature

url complète de la miniature de l'illustration principale

url_illustration_vignette

url complète de la vignette de l'illustration principale

url_illustration_g_miniature

url complète de la grande miniature de l'illustration principale

url_illustration_g_vignette

url complète de la grande vignette de l'illustration principale

ext_illustration

Extension de fichier de l'illustration principale du produit

Bloc main.choix.produit.noillustration

Le contenu du bloc s'affiche si le produit n'a pas d'illustration.

Bloc main.choix.produit.reference

Le contenu du bloc s'affiche si le produit a une référence.

Bloc main.choix.produit.eco_taxe

Le contenu du bloc s'affiche si une variante à une éco-participation de définie.

Bloc main.choix.option

Bloc affiché pour chaque option prise à la commande

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:option -->

intitule_option

Libellé de l'option à la commande

type_option

Type de l'option, "simple", "textarea" ou "select"

valeur_option

Valeur saisi par l'utilisateur pour les options de type zone de texte ou liste déroulante

prix_unitaire

Prix unitaire de l'option

prix_unitaire_valeur

Prix unitaire de l'option sans formatage

qt

Quantité de l'option commandé.

prix_total

Prix total de l'option

prix_total_valeur

Prix total de l'option sans formatage

Bloc main.choix.option.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.choix.option.payante

Bloc affiché si l'option a un prix > 0

Bloc main.choix.option.simple

Bloc affiché si l'option est de type simple

Bloc main.choix.option.simple.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.choix.option.simple.payante

Bloc affiché si l'option a un prix > 0

Bloc main.choix.option.textarea

Bloc affiché si l'option est de type zone de texte

Bloc main.choix.option.textarea.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.choix.option.textarea.payante

Bloc affiché si l'option a un prix > 0

Bloc main.choix.option.select

Bloc affiché si l'option est de type liste déroulante

Bloc main.choix.option.select.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.choix.option.select.payante

Bloc affiché si l'option a un prix > 0

Bloc main.choix.bon

Le contenu du bloc s'affiche si un bon est utilisé.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:bon -->

intitule_produit

Intitulé du bon.

reference

Référence du bon

ref

Identifiant interne au panier qui permet d'identifier un produit. Utilisé pour ajouter / supprimer des produits au panier

prix_unitaire

Prix unitaire du produit

prix_unitaire_valeur

Prix unitaire du produit sans le devise

qt

Quantité du produit dans le panier

prix_total

Prix total des produits de la référence

prix_total_valeur

Prix total des produits de la référence

Bloc main.choix.commande_HT

Le contenu du bloc s'affiche si les prix du catalogue sont configurés pour être affichés en HT.

Bloc main.choix.remise

Le contenu du bloc s'affiche si un bon de réduction valide en % est utilisé.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:remise -->

intitule_remise

Intitulé de la remise

Bloc main.choix.eco_taxe

Le contenu du bloc s'affiche si le montant de l'éco-participation est supérieure à zéro

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:eco_taxe -->

total_eco_taxe

Montant de l'éco-participation.

total_eco_taxe_valeur

Montant de l'éco-participation sans la devise.

Bloc main.choix.fidelite

Le contenu du bloc est affiché si la commande permet au client de gagner des points de fidélité

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:fidelite -->

gain_fidelite

Affiche le gain de points de fidélité de la commande

solde_fidelite

Affiche le solde de points de fidélité en comptant le gain de la commande

Bloc main.choix.paiements

Le contenu du bloc s'affiche si au moins un mode de paiement est activé.

Bloc main.choix.paiements.paiement

Le contenu du bloc s'affiche pour chaque mode de paiement activé.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:paiement -->

mode_id

Identifiant du mode de paiement. Affiche 1 pour le paiement par chèque, 2 pour le paiement par virement, 3 pour le paiement via PayPal et 4 pour le paiement via PayBox.

mode_code

Code du mode de paiement. Affiche "cheque" pour le paiement par chèque, "virement" pour le paiement par virement, "paypal" pour le paiement via PayPal, "atos" pour le paiement par Atos SIPS, "cm_cic" pour le Crédit Mutuel, "systempay" pour SystemPay et "paybox" pour le paiement via PayBox.

intitule_mode

Intitulé du mode de paiement.

checked

Affiche checked="checked" si pour le paiement par défaut

Bloc main.choix.paiements.gratuit

Le bloc s'affiche si le montant total de la commande est à zéro ET que le montant minimal de commande autorise les commandes à zéro.

Bloc main.choix.nopaiements

Le contenu du bloc s'affiche si aucun mode de paiement n'est activé.

Bloc main.paiement

Ce bloc s'affiche après avoir validé un mode de paiement en ligne

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:paiement -->

reference

Numéro de la commande

total_TTC

Montant total TTC de la commande

total_HT

Montant total HT de la commande

total_TVA

Montant total TVA de la commande

num_client

Numéro de client

client_id

Client id

frais_port

Montant TTC des frais de port

ville_f

Ville de facturation

pays_f

Pays de facturation

ville_l

Ville de livraison

pays_l

Pays de livraison

paiement

inclusion du template spécifique au mode de paiement

Bloc main.paiement.produit

Le contenu du bloc s'affiche pour chaque produit de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:produit -->

intitule_produit

Intitulé du produit.

intitule_variante

Intitulé de la variante du produit.

reference

Réference du produit.

prix_unitaire_HT

Prix unitaire HT du produit sans formatage

prix_unitaire_TTC

Prix unitaire TTC du produit sans formatage

qt

Quantité

Bloc main.paiement.option

Le contenu du bloc s'affiche pour chaque option de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:option -->

intitule_produit

Intitulé de l'option.

prix_unitaire_HT

Prix unitaire HT du produit sans formatage

prix_unitaire_TTC

Prix unitaire TTC du produit sans formatage

qt

Quantité

Bloc main.paiement.bon

Le contenu du bloc s'affiche si un bon de remise fixe ou de frais de port est utilisé.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:bon -->

intitule_produit

Intitulé du bon.

prix_unitaire_HT

Prix unitaire HT du produit sans formatage

prix_unitaire_TTC

Prix unitaire TTC du produit sans formatage

qt

Quantité

Correspond à la page spécifique au mode de paiement par chèque.

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement par chèque</h1>
  <p><strong>Votre commande a été enregistrée sous le n° {reference},</strong> veuillez nous faire parvenir : <br /><br /></p>
  <p><a href="{lien_commande}">Une copie imprimée de votre commande</a> ainsi qu'un chèque à l'ordre de "<strong>{ordre}</strong>" à l'adresse suivante :<br /><br />
  </p>
      <p>
      {SOCIETE.societe_nom}<br />
      {SOCIETE.societe_adresse}<br />
      {SOCIETE.societe_cp} {SOCIETE.societe_ville}<br />
      {SOCIETE.societe_pays}<br /><br /><br />
    </p>
        <p>
      Votre commande sera traitée dès réception du paiement.</p>

  <form method="post" action="{lien_terminer}">
    <p><input type="submit" value="Terminer" /></p>
  </form>

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

lien_commande

URL vers la commande au format PDF.

reference

Numéro de la commande

ordre

Ordre auquel le chèque doit être fait.

lien_terminer

Valeur de l'attribut action du formulaire.

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Correspond à la page spécifique au mode de paiement par Paybox.

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement en ligne par carte bancaire </h1>
  <strong>Votre commande sera enregistrée sous le n° {reference},</strong> il ne vous reste plus qu'à payer en ligne. <br />
  <br />
  <br />
  <br />
  {formulaire}
  <p style="text-align: center;"><img src="{racine}/{theme}/fr/images/logo_paiement/logo_paybox.gif" alt="Paiement en ligne sécurisé par PayBox" /><br />
    <input type="submit" value="Effectuer le paiement en ligne">
  </p>
  </form>

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

formulaire

Formulaire HTML permettant l'appel au systeme de paiement. Le formulaire ne contient pas le bouton de soumission <input type="submit" /> ni la fermeture de balise </form>

reference

Numéro de la commande

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Correspond à la page spécifique au mode de paiement par Paypal.

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement en ligne par Paypal </h1>
  <strong>Votre commande sera enregistrée sous le n° {reference},</strong> il ne vous reste plus qu'à payer en ligne. <br />
  <br />
  <br />
  <br />
  {formulaire}
  <p style="text-align: center;"><img src="{racine}/{theme}/fr/images/logo_paiement/logo_paypal.gif" alt="Paiement en ligne sécurisé par PayPal" /><br />
    <input type="submit" value="Effectuer le paiement en ligne">
  </p>
  </form>

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

formulaire

Formulaire HTML permettant l'appel au systeme de paiement. Le formulaire ne contient pas le bouton de soumission <input type="submit" /> ni la fermeture de balise </form>

reference

Numéro de la commande

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Correspond à la page spécifique au mode de paiement par virement bancaire.

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement par virement bancaire</h1>
  <p><strong>Votre commande a été enregistrée sous le n° {reference},</strong> veuillez faire un virement sur le compte suivant : <br />
  <br />
  BAN : {IBAN}<br />
  BIC : {BIC}<br />
  <br />
  Banque : {rib_banque}<br />
  Guichet : {rib_guichet}<br />
  N° de compte : {rib_compte}<br />
  Clé RIB : {rib_cle}<br />
  Domiciliation : {domicile}<br />
  Objet : commande {reference}<br />
  <br />
  <strong>Il est IMPERATIF de mentionner le numéro de commande {reference} comme libellé de virement.</strong><br />
  <br />
  Votre commande sera traitée dès réception du paiement.<br /><br /><br />
  </p>
  <form method="post" action="{lien_terminer}">
    <p><input type="submit" value="Terminer" /></p>
  </form>

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

IBAN

Affiche la valeur du champ IBAN telle qu'elle est configurée dans le mode de paiement

BIC

Affiche la valeur du champ BIC telle qu'elle est configurée dans le mode de paiement

rib_banque

Affiche la valeur du champ banque telle qu'elle est configurée dans le mode de paiement

rib_guichet

Affiche la valeur du champ guichet telle qu'elle est configurée dans le mode de paiement

rib_compte

Affiche la valeur du champ compte telle qu'elle est configurée dans le mode de paiement

rib_cle

Affiche la valeur du champ cle telle qu'elle est configurée dans le mode de paiement

domicile

Affiche la valeur du champ domicile telle qu'elle est configurée dans le mode de paiement

reference

Numéro de la commande

lien_terminer

Valeur de l'attribut action du formulaire.

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Correspond à la page spécifique au mode de paiement par ATOS.

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement en ligne par carte bancaire </h1>
  <p><strong>Votre commande sera enregistrée sous le n° {reference},</strong> il ne vous reste plus qu'à payer en ligne. <br />
  <br />
  <br />
  <br />
  </p>
  <div align="center">Choisissez un moyen de paiement ci-dessous :</div>
  {formulaire}
  

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

formulaire

Formulaire HTML permettant l'appel au systeme de paiement. Le formulaire ne contient pas le bouton de soumission <input type="submit" /> ni la fermeture de balise </form>

reference

Numéro de la commande

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Correspond à la page spécifique au mode de paiement par CM-CIC

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement en ligne par carte bancaire </h1>
  <p><strong>Votre commande sera enregistrée sous le n° {reference},</strong> il ne vous reste plus qu'à payer en ligne. <br />
  <br />
  <br />
  </p>
  <div style="text-align: center;"><img src="{racine}/{theme}/fr/images/logo_paiement/logo_{banque}.jpg" alt="Paiement en ligne sécurisé par CM-CIC P@iement" /><br /><br />
	  {formulaire}  
     <input type="submit" value="Effectuer le paiement en ligne"> 
      </form>
 </div>
  

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

formulaire

Formulaire HTML permettant l'appel au systeme de paiement. Le formulaire ne contient pas le bouton de soumission <input type="submit" /> ni la fermeture de balise </form>

reference

Numéro de la commande

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

banque

Code de la banque configurée dans la console d'administration (« cm » pour Crédit Mutuel, « cic » pour le groupe CIC ou « obc » pour OBC).

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Correspond à la page spécifique au mode de paiement par SystemPay

Exemple du code source

<!-- BEGIN:main -->


  <h1>Paiement en ligne par carte bancaire </h1>
  <p><strong>Votre commande sera enregistrée sous le n° {reference},</strong> il ne vous reste plus qu'à payer en ligne. <br />
  <br />
  <br />
  </p>
  <div style="text-align: center;"><img src="{racine}/{theme}/fr/images/logo_paiement/logo_cyberplus.jpg" alt="Paiement en ligne sécurisé par Systempay" /><br /><br />
	  {formulaire}  
      <p><input type="submit" value="Effectuer le paiement en ligne"></p>
      </form>
  </div>
  

<!-- END:main -->

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

formulaire

Formulaire HTML permettant l'appel au systeme de paiement. Le formulaire ne contient pas le bouton de soumission <input type="submit" /> ni la fermeture de balise </form>

reference

Numéro de la commande

total_HT

Montant total HT de la commande

total_TTC

Montant total TTC de la commande

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Ce widget permet à l'internaute d'avoir confirmation de l'enregistrement et de la validation du paiement (dans le cas d'un paiement en ligne) de sa commande.

Un email de confirmation lui sera de plus envoyé, à lui et au commerçant. D'autres emails pourront lui être envoyés à chaque changement d'état de sa commande pendant le processus de traitement de sa commande.

Les différents messages de confirmation se configurent par mode de paiement dans la rubrique « Mon site / Commandes / Modes de paiement ».

Les différents messages des emails de confirmation se configurent dans la rubrique « Mon site / Commandes / Emails de confirmation ».

Avertissement : ce widget ne peut être utilisé que sur la page type "Validation" du service "E-commerce".

Contrairement aux autres widgets, la Validation est composé de 3 fichiers :

  • index.html : correspond à la page de validation de la commande.
  • mail.html : correspond à l'email de confirmation de commande envoyé.
  • mail_etat.html : correspond aux emails de changement d'état envoyés.
  • commande.html : correspond au bon de commande

Paramètres de configuration du widget

  • Modèle graphique : permet de choisir entre les différents modèles graphiques disponibles. Chaque modèle graphique détermine une apparence différente du widget.
  • Intitulé : afficher un intitulé, un titre, au widget.

Répertoire

Le code source de ce widget se trouve à l'emplacement suivant :

theme/fr/widgets/commandes/validation/index.html

Exemple du code source

<!-- BEGIN:main -->

<ul>
  <li><a href="{baseLangue}/ecommerce/panier.html" title="Panier">1. Panier</a></li>
  <li><a href="#" title="Authentification">2. Authentification</a></li>
  <li><a href="{baseLangue}/ecommerce/livraison.html" title="Livraison">3. Livraison</a></li>
  <li><a href="{baseLangue}/ecommerce/paiement.html" title="Mode de paiement">4. Mode de paiement</a></li>
  <li><a href="{baseLangue}/ecommerce/validation.html">5. Validation</a></li>
</ul>
<div>
  <h2>Validation de votre commande</h2>
  {message}
  <br />
  <br />
  <br />
  <br />
  <a href="{lien_retour}" title="Retour au site">Retour au site</a>
  <div> </div>
</div>
<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

message

Affiche la valeur du champ message telle qu'elle est configurée dans le mode de paiement. Ce message peut contenir les balises suivantes :

Balise Description
{commande_id} Identifiant numérique unique de la commande
{reference} Référence de la commande
{num_client} Numéro de client
{client_id} Identifiant numérique unique du client
{total_TTC} Montant total TTC de la commande
{total_HT} Montant total HT de la commande
{total_TVA} Montant total de la TVA de la commande
{frais_port} Montant TTC des frais de port
{ville_f} Ville de l'adresse de facturation
{pays_f} Pays de l'adresse de facturation
{ville_l} Ville de l'adresse de livraison
{pays_l} Pays de l'adresse de livraison
lien_retour

Lien de retour

reference

Référence de la commande

num_client

Numéro de client

client_id

Identifiant numérique unique du client

total_TTC

Total TTC de la commande

total_HT

Total HT de la commande

total_TVA

Total TVA de la commande

frais_port

Montant des frais de ports

ville_f

Ville de l'adresse de facturation

pays_f

Pays de l'adresse de facturation

ville_l

Ville de l'adresse de livraison

pays_l

Pays de l'adresse de livraison

serial

Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page.

widget_modele

Nom du modèle utilisé par le widget (vide pour le modèle de base).

Bloc main.tracking

Le contenu du bloc s'affiche pour les informations de tracking.

Bloc main.tracking.produit

Le contenu du bloc s'affiche pour chaque produit de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:produit -->

intitule_produit

Intitulé du produit.

intitule_variante

Intitulé de la variante du produit.

intitule_categorie

Intitulé de la catégorie du produit.

reference

Réference du produit.

prix_unitaire_HT

Prix unitaire HT du produit sans formatage

prix_unitaire_TTC

Prix unitaire TTC du produit sans formatage

qt

Quantité

Bloc main.tracking.option

Le contenu du bloc s'affiche pour chaque option de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:option -->

intitule_produit

Intitulé de l'option.

prix_unitaire_HT

Prix unitaire HT du produit sans formatage

prix_unitaire_TTC

Prix unitaire TTC du produit sans formatage

qt

Quantité

Bloc main.tracking.bon

Le contenu du bloc s'affiche si un bon de remise fixe ou de frais de port est utilisé.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:bon -->

intitule_produit

Intitulé du bon.

prix_unitaire_HT

Prix unitaire HT du produit sans formatage

prix_unitaire_TTC

Prix unitaire TTC du produit sans formatage

qt

Quantité

Correspond à l'email de confirmation de commande envoyé.

Exemple du code source

<!-- BEGIN:main -->

Bonjour,<br />
<br />
{civilite_f} {prenom_f} {nom_f}, nous accusons réception de votre commande 
n°{reference_commande} du {num_jour_commande}/{num_mois_commande}/{annee_commande}.<br />
Celle-ci ne sera traitée  qu'à réception et validation de votre règlement 
par nos services.<br />
<br />
<!-- BEGIN:message-->
{message}<br />
<br />
<!-- END:message-->
------------------------------------------------<br />
Récapitulatif de votre commande<br />
------------------------------------------------<br />
<br />
---- Adresse de facturation ---- <br />
{civilite_f} {prenom_f} {nom_f} <br />
<!-- BEGIN:societe_f -->
{societe_f}<br />
<!-- END:societe_f -->
{adresse_f}<br />
{cp_f} {ville_f}<br />
{pays_f} <br />
<br />
---- Adresse de livraison ---- <br />
{civilite_l} {prenom_l} {nom_l}<br />
<!-- BEGIN:societe_l -->
{societe_l}<br />
<!-- END:societe_l -->
{adresse_l}<br />
{cp_l} {ville_l} <br />
{pays_l}<br />
<br />
<!-- BEGIN:transporteur -->
Mode de livraison : {transporteur}<br />
<br />
<!-- END:transporteur -->
<table border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td>Produit</td>
    <td>Qte</td>
    <td>Prix Unitaire</td>
    <td>Total</td>
  </tr>
  <!-- BEGIN:produit -->
  <tr>
    <td nowrap="nowrap">{intitule_produit} - {intitule_variante}
      <!-- BEGIN:reference -->
      <br />
      (Ref. : {reference})
      <!-- END:reference -->
      <!-- BEGIN:eco_taxe -->
      <br />
      dont eco participation de {eco_taxe}
      <!-- END:eco_taxe --></td>
    <td valign="top" nowrap="nowrap">{qt}</td>
    <td valign="top" nowrap="nowrap">{prix_unitaire}</td>
    <td valign="top" nowrap="nowrap">{prix_total}</td>
  </tr>
  <!-- END:produit -->
  <!-- BEGIN:option -->
  <tr>
    <td>{intitule_option}<br/><em>{valeur_option}</em></td>
    <td valign="top" nowrap="nowrap">{qt}</td>
    <!-- BEGIN:offerte -->
    <td valign="top" nowrap="nowrap"></td>
    <td valign="top" nowrap="nowrap">Offert</td>
    <!-- END:offerte -->
    <!-- BEGIN:payante -->
    <td valign="top" nowrap="nowrap">{prix_unitaire}</td>
    <td valign="top" nowrap="nowrap">{prix_total}</td>
    <!-- END:payante -->
  </tr>
  <!-- END:option -->
  <!-- BEGIN:bon -->
  <tr>
    <td nowrap="nowrap" colspan="3">{intitule_produit}</td>
    <td nowrap="nowrap">{prix_total}</td>
  </tr>
  <!-- END:bon -->
</table>
<!-- BEGIN:remise -->
{intitule_remise}
<!-- END:remise -->
<br />
-----------------------------------------------------------------------------------------------<br />
Total hors frais de livraison : {total_articles}<br />
Frais de port : {frais_port}<br />
<!-- BEGIN:commande_HT -->
Total HT : {total_HT}<br />
TVA : {total_TVA}<br />
<!-- END:commande_HT -->
<!-- BEGIN:eco_taxe -->
dont eco participation : {total_eco_taxe} <br />
<!-- END:eco_taxe -->
Total TTC à régler par {mode_paiement} : {total_TTC} <br />
<br />
<!-- BEGIN:produitstelecha -->
<br />
------------------------------------------------------------------<br />
Récapitulatif de vos produits téléchargeables<br />
------------------------------------------------------------------<br />
<br />
<table border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td>Produit</td>
    <td>Prix</td>
    <td>Téléchargement</td>
  </tr>
  <!-- BEGIN:produit -->
  <tr>
    <td nowrap="nowrap">{intitule_produit} - {intitule_variante}
      <!-- BEGIN:reference -->
      <br />
      (Ref. : {reference})
      <!-- END:reference --></td>
    <td valign="top" nowrap="nowrap">{prix_unitaire}</td>
    <td valign="top" nowrap="nowrap"><a href="{lien_produit}" target="_blank">{lien_produit}</a></td>
  </tr>
  <!-- END:produit -->
</table>
<br />
Le téléchargement des produits sera disponible dès 
réception et validation de votre règlement par nos services. <br />
<br />
----------------------------------------------------------------------------------------------- <br />
<br />
<!-- END:produitstelecha -->

<!-- BEGIN:fidelite -->
<br />
Vous gagnez <strong>{gain_fidelite}</strong> points de fidélité. Votre nouveau 
solde sera <strong>{solde_fidelite}</strong> après validation du paiement.<br />
<!-- END:fidelite -->

<br />
Pour suivre en temps réel l'état  de 
votre commande ou pour télécharger votre commande au format PDF, nous vous invitons à vous rendre 
sur votre compte client, muni de votre identifiant 
et de votre mot de passe  : <a href="{lien_commande}" target="_blank">{lien_commande}</a><br />
<br />
Cordialement,<br />
L'équipe du site "{site_nom}"
<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

type_prix

"HT" ou "TTC"

devise

devise au format XXX

mode_paiement

Intitulé du mode de paiement

email_client

Email du client

reference_commande

Référence de la commande

nb_produits

Nombre de produits dans la commande (somme des quantités)

pluriel_produits

Affiche "s" ou "" suivant que le nombre de produit est supérieur à 1

lien_commande

Lien vers le détail de la commande

message

message de confirmation de commande (cf configuration des email de validation)

num_jour_commande

Affiche le numéro du jour de la date de commande (01 - 31).

jour_semaine_commande

Affiche le jour de la semaine de la date de commande (lundi - dimanche).

num_mois_commande

Affiche le numéro du mois de la date de commande (01 - 12).

mois_commande

Affiche le mois de la date de commande (janvier - décembre).

mois_abrev_commande

Affiche le mois de la date de commande abrégé (jan - déc)

annee_commande

Affiche l'année de la date de commande (2010).

minute_commande

Affiche les minutes de la date de commande (00-59).

heure_commande

Affiche l'heure de la date de commande (00-23).

seconde_commande

Affiche les secondes de la date de commande (00-59).

timestamp_commande

Affiche le timestamp de la date de commande.

civilite_f

Civilité de l'adresse de facturation

nom_f

Nom de l'adresse de facturation

prenom_f

Prénom de l'adresse de facturation

societe_f

Société de l'adresse de facturation

adresse_f

Adresse de facturation

cp_f

Code postal de l'adresse de facturation

ville_f

Ville de l'adresse de facturation

tel_f

Téléphone de l'adresse de facturation

pays_f

Pays de l'adresse de facturation

civilite_l

Civilité de l'adresse de livraison

nom_l

Nom de l'adresse de livraison

prenom_l

Prénom de l'adresse de livraison

societe_l

Société de l'adresse de livraison

adresse_l

Adresse de livraison

cp_l

Code postal de l'adresse de livraison

ville_l

Ville de l'adresse de livraison

pays_l

Pays de l'adresse de livraison

total_articles

Total des prix des articles HT ou TTC en fonction de la configuration du catalogue

total_articles_HT

Total HT des prix des articles (hors frais de port)

total_articles_TTC

Total TTC des prix des articles (hors frais de port)

total_articles_valeur

Total des prix sans formatage des articles HT ou TTC en fonction de la configuration du catalogue

total_articles_HT_valeur

Total HT des prix des articles (hors frais de port, sans formatage)

total_articles_TTC_valeur

Total TTC des prix des articles (hors frais de port, sans formatage)

frais_port

Montant des frais de port

zone_livraison

Zone de livraison

total_HT

Total HT de la commande

total_TTC

Total TTC de la commande

total_TVA

Total TVA de la commande

total_eco_taxe

Montant total de l'éco-pariticipation

frais_port_valeur

Montant des frais de port sans formatage

total_HT_valeur

Total HT de la commande sans formatage

total_TTC_valeur

Total TTC de la commande sans formatage

total_TVA_valeur

Total TVA de la commande sans formatage

total_eco_taxe_valeur

Montant total de l'éco-pariticipation sans formatage

Bloc main.message

Le contenu du bloc s'affiche si un message de confirmation de commande est renseigné en back-office

Bloc main.societe_f

Le contenu du bloc s'affiche si une société est renseignée dans l'adresse de facturation

Bloc main.societe_l

Le contenu du bloc s'affiche si une société est renseignée dans l'adresse de livraison

Bloc main.produit

Le contenu du bloc s'affiche pour chaque produit de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:produit -->

intitule_produit

Intitulé du produit.

reference

Réference du produit.

prix_unitaire

Prix unitaire du produit

prix_unitaire_valeur

Prix unitaire du produit sans formatage

remise

Montant de la remise accordée

remise_valeur

Montant de la remise accordée sans formatage

qt

Quantité de produit commandé.

prix_total

Prix total d'un même produit acheté (prix unitaire multiplié par la quantité).

prix_total_valeur

Prix total d'un même produit acheté sans formatage.

intitule_variante

Intitulé de la variante

eco_taxe

Montant de l'éco-participation

eco_taxe_valeur

Montant de l'éco-participation sans formatage

Bloc main.produit.reference

Le contenu du bloc s'affiche si le produit a une référence.

Bloc main.produit.eco_taxe

Le contenu du bloc s'affiche si le produit est soumis à une éco-participation

Bloc main.commande_HT

Le contenu du bloc s'affiche si la commande ne contient pas de TVA

Bloc main.eco_taxe

Le contenu du bloc s'affiche si la commande est soumise à une éco-participation

Bloc main.option

Bloc affiché pour chaque option à la commande

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:option -->

intitule_option

Libellé de l'option à la commande

valeur_option

Valeur saisi par l'utilisateur pour les options de type zone de texte ou liste déroulante

prix_unitaire

Prix unitaire de l'option

prix_unitaire_valeur

Prix unitaire de l'option sans formatage

qt

Quantité de l'option commandé.

prix_total

Prix total de l'option

prix_total_valeur

Prix total de l'option sans formatage

Bloc main.option.offerte

Bloc affiché si l'option a un prix = 0

Bloc main.option.payante

Bloc affiché si l'option a un prix > 0

Bloc main.bon

Bloc parsé pour les bon de type remise en euro ou fdp

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:bon -->

intitule_produit

Description de la remise sous la forme "Remise de xx EUR (bon de réduction : XXX)"

prix_unitaire

Montant de la remise

prix_unitaire_valeur

Montant de la remise sans formatage

prix_total

Montant de la remise

prix_total_valeur

Montant de la remise sans formatage

Bloc main.produitstelecha

Le contenu du bloc s'affiche lorsque la commande contient au moins un produit téléchargeable

Bloc main.produitstelecha.produit

Le contenu du bloc s'affiche pour chaque produits téléchargeables de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:produit -->

lien_produit

Lien de téléachargement du produit

intitule_produit

Intitulé du produit.

reference

Réference du produit.

prix_unitaire

Prix unitaire du produit

prix_unitaire_valeur

Prix unitaire du produit sans formatage

remise

Montant de la remise accordée

remise_valeur

Montant de la remise accordée sans formatage

qt

Quantité de produit commandé.

prix_total

Prix total d'un même produit acheté (prix unitaire multiplié par la quantité).

prix_total_valeur

Prix total d'un même produit acheté sans formatage.

intitule_variante

Intitulé de la variante

eco_taxe

Montant de l'éco-participation

eco_taxe_valeur

Montant de l'éco-participation sans formatage

Bloc main.remise

Ce bloc est affiché si la commande bénéficie d'une remise de type frais de port fixe ou pourcentage

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:remise -->

intitule_remise

Intitulé de la remise

Bloc main.fidelite

Le contenu du bloc est affiché si la commande permet au client de gagner des points de fidélité

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:fidelite -->

gain_fidelite

Affiche le gain de points de fidélité de la commande

solde_fidelite

Affiche le solde de points de fidélité en comptant le gain de la commande

Correspond à la version HTML du bon de commande.

Pour activer le bon de commande HTML, il suffit de place le fichier du template dans le thème graphique. Si le fichier n'est pas présent dans le thème graphique, c'est la version PDF générée automatiquement par la plateforme qui est utilisée.

Exemple du code source

<!-- BEGIN:main -->
<html>
<head>
  <meta charset="ISO-8859-15">
</head>
<body>
<!-- BEGIN:logo_site -->
<img src="{site_web}/media/{logo_site}"/>
<!-- END:logo_site -->
<div style="margin: 20px auto 0 auto; max-width: 1000px;">
  <table>
    <thead>
    <tr>
      <th style="text-align: left; font-size: 24px; width: 50%;">{SOCIETE.societe_nom}<br/>
        {site_nom}
      </th>
      <th style="text-align: right; font-size: 24px; width: 50%;">Bon de commande {reference}</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td colspan="2">
        <table>
          <tr>
            <th>Adresse de facturation</th>
            <th>
              <!-- BEGIN:livraison -->Adresse de livraison<!-- END:livraison -->
              <!-- BEGIN:retrait -->Retrait en magasin<!-- END:retrait -->
            </th>
          </tr>
          <tr>
            <td>{civilite_f} {prenom_f} {nom_f} <br/>
              <!-- BEGIN:societe_f -->{societe_f}<br/><!-- END:societe_f -->
              {adresse_f}<br/>
              {cp_f} {ville_f}<br/>
              {pays_f} <br/>
              Tél: {tel_f}
            </td>
            <td> {civilite_l} {prenom_l} {nom_l}<br/>
              <!-- BEGIN:societe_l -->{societe_l}<br/><!-- END:societe_l -->
              {adresse_l}<br/>
              {cp_l} {ville_l} <br/>
              {pays_l}
            </td>
          </tr>
        </table>
        <strong><br/>
          Commande : {reference}<br/>
          N° Client : {num_client}<br/>
          Date : {num_jour_commande}/{num_mois_commande}/{annee_commande}<br/>
          <br/>
        </strong>
        <table>
          <tr>
            <th>Description</th>
            <th>Quantité</th>
            <th>Prix Unitaire {base_prix}</th>
            <th>Montant {base_prix}</th>
          </tr>
          <!-- BEGIN:ligne -->
          <tr>
            <td>{intitule}</td>
            <td>{qt}</td>
            <td>{pu}</td>
            <td>{montant}</td>
          </tr>
          <!-- END:ligne -->
          <tr>
            <td colspan="2" rowspan="5">
              <table>
                <tr>
                  <th>Taux</th>
                  <th>Base</th>
                  <th>Montant</th>
                </tr>
                <!-- BEGIN:taux -->
                <tr>
                  <td>{taux}</td>
                  <td>{base}</td>
                  <td>{montant}</td>
                </tr>
                <!-- END:taux -->
                <!-- BEGIN:exoneration -->
                <tr>
                  <td>Exonéré</td>
                  <td>{base}</td>
                  <td>{montant}</td>
                </tr>
                <tr>
                  <td colspan="3">TVA non applicable selon l'article 293b du code général
                    des impôts
                  </td>
                </tr>
                <!-- END:exoneration -->
              </table>
            </td>
            <td><strong>Sous total {base_prix}</strong></td>
            <td><strong>{sous_total}</strong></td>
          </tr>
          <!-- BEGIN:eco_taxe -->
          <tr>
            <td>dont eco-taxe</td>
            <td>{total_eco_taxe}</td>
          </tr>
          <!-- END:eco_taxe -->
          <tr>
            <td>Frais de port {base_prix}</td>
            <td>{frais_port}</td>
          </tr>
          <tr>
            <td>TVA</td>
            <td>{total_TVA}</td>
          </tr>
          <tr>
            <td><strong>Net à payer</strong></td>
            <td><strong>{total_TTC} {devise}</strong></td>
          </tr>
        </table>
        <br/>
        <strong>Mode de règlement :</strong> {mode_paiement}<br/>
        <!-- BEGIN:fidelite -->
        <strong>Points de fidelité gagnés :</strong> {gain_fidelite}<br/>
        <!-- END:fidelite -->
        <!-- BEGIN:transporteur -->
        <strong>Mode de livraison :</strong> {transporteur}<br/>
        <!-- END:transporteur --></td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
      <td> {info_legales}</td>
      <td>{site_web}</td>
    </tr>
    </tfoot>
  </table>
</div>
</body>
</html>
<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

reference

Référence de la commande

info_legales

Informations légales de la société, composé du nom, de l'adresse postale, de l'email, du capital, de la forme juridique, du RCS, de l'APE, du numéro de TVA

site_web

Nom de domaine principale du site

num_client

Numéro du client

email_client

Email du client

site_nom

Nom du site

base_prix

TTC ou HT

devise

Symbole monétaire de la devise

mode_paiement

Intitulé du mode de paiement

paye

Affiche "1" si la commande est payée, "0" dans le cas contraire

num_jour_commande

Affiche le numéro du jour de la date de commande (01 - 31).

jour_semaine_commande

Affiche le jour de la semaine de la date de commande (lundi - dimanche).

num_mois_commande

Affiche le numéro du mois de la date de commande (01 - 12).

mois_commande

Affiche le mois de la date de commande (janvier - décembre).

mois_abrev_commande

Affiche le mois de la date de commande abrégé (jan - déc)

annee_commande

Affiche l'année de la date de commande (2010).

minute_commande

Affiche les minutes de la date de commande (00-59).

heure_commande

Affiche l'heure de la date de commande (00-23).

seconde_commande

Affiche les secondes de la date de commande (00-59).

timestamp_commande

Affiche le timestamp de la date de commande.

civilite_f

Civilité de l'adresse de facturation

nom_f

Nom de l'adresse de facturation

prenom_f

Prénom de l'adresse de facturation

societe_f

Société de l'adresse de facturation

adresse_f

Adresse de facturation

cp_f

Code postal de l'adresse de facturation

ville_f

Ville de l'adresse de facturation

tel_f

Téléphone de l'adresse de facturation

pays_f

Pays de l'adresse de facturation

civilite_l

Civilité de l'adresse de livraison

nom_l

Nom de l'adresse de livraison

prenom_l

Prénom de l'adresse de livraison

societe_l

Société de l'adresse de livraison

adresse_l

Adresse de livraison

cp_l

Code postal de l'adresse de livraison

ville_l

Ville de l'adresse de livraison

pays_l

Pays de l'adresse de livraison

sous_total

Total des prix des articles HT ou TTC en fonction de la configuration du catalogue

frais_port

Montant des frais de port HT ou TTC en fonction de la configuration du catalogue

total_TTC

Total TTC de la commande

total_TVA

Total TVA de la commande

Bloc main.logo_site

Ce bloc est affiché si le logo du site est configuré

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:logo_site -->

logo_site

Affiche l'identifiant du fichier de la médiathèque correspondant au logo

Bloc main.societe_f

Le contenu du bloc s'affiche si une société est renseignée dans l'adresse de facturation

Bloc main.societe_l

Le contenu du bloc s'affiche si une société est renseignée dans l'adresse de livraison

Bloc main.retrait

Ce bloc est affiché si la commande est à retirer en magasin

Bloc main.livraison

Ce bloc est affiché si la commande est livrée

Bloc main.transporteur

Ce bloc est affiché si la commande est liée à un transporteur (toujours le cas sauf pour les commandes de produits téléchargeables)

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:transporteur -->

transporteur

Initulé du mode de transport

Bloc main.ligne

Le contenu du bloc s'affiche pour chaque ligne de la commande.

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:ligne -->

intitule

Intitulé de la ligne (produit, option, bon de réduction, ...)

pu

Prix unitaire

qt

Quantitié

prix_total

Prix total (prix unitaire multiplié par la quantité)

Bloc main.eco_taxe

Le contenu du bloc s'affiche si la commande est soumise à une éco-participation

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:eco_taxe -->

total_eco_taxe

Montant total de l'éco-pariticipation

Bloc main.fidelite

Le contenu du bloc est affiché si la commande permet au client de gagner des points de fidélité

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:fidelite -->

gain_fidelite

Affiche le gain de points de fidélité de la commande

Bloc main.taux

Ce bloc est affiché pour chaque taux de tva appliqué à la commande

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:taux -->

taux

Affiche le taux de tva

base

Affiche la base HT utilisé pour calculer la TVA

montant

Affiche la montant de la TVA pour ce taux

Bloc main.exoneration

Ce bloc est affiché dans le cas où la commande est exonérée de TVA

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:exoneration -->

taux

Affiche le taux de tva (ici zéro)

base

Affiche la base HT utilisé pour calculer la TVA

montant

Affiche la montant de la TVA pour ce taux (ici zéro)

Correspond aux emails de changement d'état envoyés.

Exemple du code source

<!-- BEGIN:main -->

Bonjour,<br />
<br />
{civilite_f} {prenom_f} {nom_f}, nous  vous informons de l'état actuel de votre commande n°{reference_commande} du {num_jour_commande}/{num_mois_commande}/{annee_commande}.<br />
<br />
{etat}<br />
<br />
<br />
Pour suivre en temps réel l'état  de votre commande ou pour télécharger votre commande au format PDF, nous vous invitons à vous rendre 
sur votre compte client, muni de votre identifiant et de votre mot de passe  : <a href="{lien_commande}" target="_blank">{lien_commande}</a> <br />
<br />
<br />
<!-- BEGIN:suivi_colis -->
Pour suivre l'avancement de l'expédition de votre colis, nous vous invitons à vous rendre à l'adresse suivante  : <a href="{suivi_colis}" >{suivi_colis}</a><br />
<br />
<br />
<!-- END:suivi_colis -->
Cordialement,<br />
L'équipe du site {site_nom}
<!-- END:main -->

Balises disponibles

Bloc main

Bloc racine tout le temps affiché

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:main -->

reference_commande

Numéro de référence de la commande

etat

Affiche le message correspondant à l'état de la commande, tel qu'il est configuré dans le back-office. Ces messages peuvent contenir les balises suivantes :

Balise Description
{reference_commande} Référence de la commande
lien_commande

Lien vers le détail de la commande

num_jour_commande

Affiche le numéro du jour de la date de commande (01 - 31).

jour_semaine_commande

Affiche le jour de la semaine de la date de commande (lundi - dimanche).

num_mois_commande

Affiche le numéro du mois de la date de commande (01 - 12).

mois_commande

Affiche le mois de la date de commande (janvier - décembre).

mois_abrev_commande

Affiche le mois de la date de commande abrégé (jan - déc)

annee_commande

Affiche l'année de la date de commande (2010).

minute_commande

Affiche les minutes de la date de commande (00-59).

heure_commande

Affiche l'heure de la date de commande (00-23).

seconde_commande

Affiche les secondes de la date de commande (00-59).

timestamp_commande

Affiche le timestamp de la date de commande.

civilite_f

Civilité de l'adresse de facturation

nom_f

Nom de l'adresse de facturation

prenom_f

Prénom de l'adresse de facturation

societe_f

Société de l'adresse de facturation

adresse_f

Adresse de facturation

cp_f

Code postal de l'adresse de facturation

ville_f

Ville de l'adresse de facturation

tel_f

Téléphone de l'adresse de facturation

pays_f

Pays de l'adresse de facturation

civilite_l

Civilité de l'adresse de livraison

nom_l

Nom de l'adresse de livraison

prenom_l

Prénom de l'adresse de livraison

societe_l

Société de l'adresse de livraison

adresse_l

Adresse de livraison

cp_l

Code postal de l'adresse de livraison

ville_l

Ville de l'adresse de livraison

pays_l

Pays de l'adresse de livraison

total_TTC

Total TTC de la commande

total_HT

Total HT de la commande

devise

Code de la devise de la commande

Bloc main.suivi_colis

Ce bloc est affiché si une adresse de suivi est disponible pour cette commande

La liste ci-dessous présente les différentes balises disponibles au sein du bloc <!-- BEGIN:suivi_colis -->

suivi_colis

URL de suivi de commande