Liste avec images

Dans cet exemple, tout le groupe de produits des cartes de randonnées pédestres 1:50 000 est sélectionné. La représentation est définie au moyen de règles CSS.

Le modèle de format utilisé
var formatTemplate =
   '<div style="width: 620px; font-size: 0.9em; margin-bottom: 20px;">' +
      '<div class="imgspace_sm"><img src="[product.imageUrlSmall]"/></div>' +
      '<div class="info_sm">' +
         '<span class="title">[product.mapNumber] [product.titleDe]</span><br/>' +
         '([product.descriptionDe])<br/><br/>' +
         'Ausgabe: [product.releaseYear]   ISBN-Nummer: [product.isbn]<br/>' +
         'Preis: [product.price]<br/><br/>' +
         '<a href="#" target="_blank">Bestellen</a>' +
      '</div>' +
   '</div>' +
   '<div class="clearthefloats"></div>';

L’appel de la fonction Javascript
window.onload=getProducts(2.0, formatTemplate, ['23'],null);

Nouveau code dès le 1er janvier 2017
window.onload=getProducts(2.0, formatTemplate, ['23'],null);

Pour transmettre la commande du produit à notre shop, le lien de commande a été enregistré comme suit (remplacement de # par URL):
http://www.toposhop.admin.ch/fr/shop/basket?ref=test.ch&product0=[product.mapNumber]&quantity0=1

Nouveau code dès le 1er janvier 2017
https://shop.swisstopo.admin.ch/fr/dispatcher?ref=test.ch&product0=[product.mapNumber]&quantity0=1

Et voilà à quoi ça ressemble