diff --git a/configs/bank-landing/index.html b/configs/bank-landing/index.html
index 1c38330..c49c53e 100644
--- a/configs/bank-landing/index.html
+++ b/configs/bank-landing/index.html
@@ -526,9 +526,10 @@
     .shop-foot a:hover { filter: brightness(1.06); }
   </style>
   <base href="/intro/" />
+  <link rel="stylesheet" href="/intro/shop-pay.css" />
   <script src="/intro/qrcode.min.js"></script>
 </head>
-<body>
+<body data-shop-theme="bank">
   <main>
     <header class="hero">
       <span class="badge">Exploration · GOA</span>
@@ -718,18 +719,18 @@
 
       <aside class="shop-box shop-mini" aria-labelledby="shop-title" style="margin-top:1rem">
         <h2 id="shop-title">GOA shop · samples</h2>
-        <p class="shop-lead">Example items at the merchant</p>
+        <p class="shop-lead">Tap → pay QR · more at merchant</p>
         <div class="shop-grid">
-          <div class="shop-item">
+          <button type="button" class="shop-item" data-product="orbit-sticker">
             <span class="emoji" aria-hidden="true">🪐</span>
             <span class="name">Orbit sticker pack</span>
             <span class="price">GOA:2</span>
-          </div>
-          <div class="shop-item">
+          </button>
+          <button type="button" class="shop-item" data-product="nebula-coffee">
             <span class="emoji" aria-hidden="true">☕</span>
             <span class="name">Nebula coffee</span>
             <span class="price">GOA:5</span>
-          </div>
+          </button>
         </div>
         <p class="shop-foot">
           <a href="https://taler.hacktivism.ch/intro/">For more → taler.hacktivism.ch</a>
@@ -932,5 +933,6 @@
     loadStats();
   })();
   </script>
+  <script src="/intro/shop-pay.js"></script>
 </body>
 </html>
