step 4: admin.html — show Shopify checkout link on order cards

adc179ce7e3c77f3a61c882f67e0880b5a6bd665 · 2026-07-16 07:37:45 -0700 · Steve Abrams

Each order card with a shopify_permalink now shows a 🔗 Shopify checkout
link (opens in new tab). Admin date+time chip (🕓 + full ISO in title=)
and sort+density rules preserved.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Files touched

M public/admin.html

Diff

commit adc179ce7e3c77f3a61c882f67e0880b5a6bd665
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Jul 16 07:37:45 2026 -0700

    step 4: admin.html — show Shopify checkout link on order cards
    
    Each order card with a shopify_permalink now shows a 🔗 Shopify checkout
    link (opens in new tab). Admin date+time chip (🕓 + full ISO in title=)
    and sort+density rules preserved.
    
    Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/admin.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/admin.html b/public/admin.html
index 410be3f..2396731 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -195,6 +195,7 @@ function renderCard(o){
     <div>
       <div class="card-price">$${Number(o.box_price||0).toFixed(2)} — ${esc(o.payment_method||'')}</div>
       <div class="credit-line">&#x2705; ${esc(o.credit_note||'')}</div>
+      ${o.shopify_permalink ? `<div style="margin-top:5px;font-size:11px"><a href="${esc(o.shopify_permalink)}" target="_blank" rel="noopener noreferrer" style="color:#27ae60">🔗 Shopify checkout link</a></div>` : ''}
     </div>
   </div>`;
 }

← 936c9a8 step 3: index.html — real Shopify catalog swatch grid + Shop · back to Sample Box · step 5: orders.json — test order from verification run f61682e →