Einfache Liste (formatiert mit CSS)

In diesem Beispiel wird die Geologische Karte der Schweiz 1: 500000 als einzelnes Produkt eingebunden. Die Formatierung erfolgt mit CSS.

Das verwendete Format-Template
var formatTemplate =
'<div style="width: 960px; font-size: 0.95em; margin-bottom: 20px;">' +
   '<div class="info_lst">' +
      '<span class="title">[product.titleDe]</span>   1:[product.scale]<br/>' +
         '([product.descriptionDe])<br/><br/>' +
         'Ausgabe: [product.releaseDate]<br/>' +
         'ISBN-Nummer: [product.isbnNumber]<br/>' +
         'Preis: [product.price]<br/><br/>' +
         '<a href="http://www.toposhop.admin.ch/de/shop/basket?ref=test.ch
      &product0=GK500-DRG-1&quantity0=1" target="_blank">
      Bestellen</a></b>' +
   '</div>' +
'</div>' +
'<div class="clearthefloats"></div>';
   
Neuer Code ab dem 1. Januar 2017
var formatTemplate =
'<div style="width: 960px; font-size: 0.95em; margin-bottom: 20px;">' +
   '<div class="info_lst">' +
      '<span class="title">[product.titleDe]</span>   1:[product.scale]<br/>' +
         '([product.descriptionDe])<br/><br/>' +
         'Ausgabe: [product.releaseYear]<br/>' +
         'ISBN-Nummer: [product.isbn]<br/>' +
         'Preis: [product.price]<br/><br/>' +
         '<a href="https://shop.swisstopo.admin.ch/de/dispatcher?ref=test.ch
      &product0=GK500-DRG-1&quantity0=1" target="_blank">
      Bestellen</a></b>' +
   '</div>' +
'</div>' +
'<div class="clearthefloats"></div>';

Der Aufruf der Javascript-Funktion
window.onload=getProducts(1.0, formatTemplate, null,['GK500-DRG-1']);   

Neuer Code ab dem 1. Januar 2017	
window.onload=getProducts(2.0, formatTemplate, null,['GK500-DRG-1']);

Um die Produkbestellung an unseren Shop weiterzuleiten wurde der Bestelllink folgendermassen (ersetzen von # mit URL) eingetragen:
http://www.toposhop.admin.ch/de/shop/basket?ref=test.ch&product0=[product.identifier]&quantity0=1

Neuer Code ab dem 1. Januar 2017
https://shop.swisstopo.admin.ch/de/dispatcher?ref=test.ch&product0=[product.identifier]&quantity0=1

So sieht es aus