Step 4: admin.html — show Shopify product link on lead cards

e416e7d9be0918b397516cd2d31edddcf13f4611 · 2026-07-16 07:36:42 -0700 · Steve Abrams

Lead cards now show a "View on DW →" link when pattern_shopify_url
is present on the lead. Existing date+time (created_at) chip unchanged.

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

Files touched

M public/admin.html

Diff

commit e416e7d9be0918b397516cd2d31edddcf13f4611
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Jul 16 07:36:42 2026 -0700

    Step 4: admin.html — show Shopify product link on lead cards
    
    Lead cards now show a "View on DW →" link when pattern_shopify_url
    is present on the lead. Existing date+time (created_at) chip unchanged.
    
    Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/admin.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/admin.html b/public/admin.html
index 6cf2e13..6717171 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -163,6 +163,10 @@ function renderCard(lead) {
         <span class="card-key">Notes</span>
         <span class="card-val" style="font-style:italic;color:#5a5a50;">${esc(lead.message)}</span>
       </div>` : ''}
+      ${lead.pattern_shopify_url ? `<div class="card-row">
+        <span class="card-key">Product</span>
+        <span class="card-val"><a href="${esc(lead.pattern_shopify_url)}" target="_blank" rel="noopener noreferrer" style="color:var(--brand);font-size:11px;">View on DW →</a></span>
+      </div>` : ''}
       <!-- HARD RULE: created date+time, full ISO in title= -->
       <div class="card-when">
         <span class="clock">🕓</span>

← 3035e40 Step 3: index.html — real Shopify images + product deep-link · back to Reno Visualizer · auto-save: 2026-07-16T07:41:55 (1 files) — data/leads.json 87ca83c →