show SKU + published_at in product card hover tooltip

7455efd4654c24370f7c3165171770956c7959dc · 2026-05-06 11:57:56 -0700 · SteveStudio2

Files touched

M public/index.html

Diff

commit 7455efd4654c24370f7c3165171770956c7959dc
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Wed May 6 11:57:56 2026 -0700

    show SKU + published_at in product card hover tooltip
---
 public/index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 53d7313..612dfd6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -431,7 +431,14 @@ function renderProductsSlider() {
     const sku = String(p.sku || p.handle || '');
     const sel = PRODUCT_SELECTED.has(sku) ? ' selected' : '';
     const img = p.image_url ? `<img src="${esc(p.image_url)}" alt="${esc(p.title || '')}" loading="lazy" onerror="this.style.opacity=0.15">` : '';
-    return `<div class="pcard${sel}" data-sku="${esc(sku)}" onclick="toggleProductSelect('${esc(sku)}')" title="${esc(p.title || sku)}">
+    const tipLines = [p.title || sku];
+    if (p.sku) tipLines.push(`SKU: ${p.sku}`);
+    const ts = p.published_at || p.created_at;
+    if (ts) {
+      const d = new Date(ts);
+      if (!isNaN(d)) tipLines.push(`Published: ${d.toISOString().slice(0,16).replace('T', ' ')} UTC`);
+    }
+    return `<div class="pcard${sel}" data-sku="${esc(sku)}" onclick="toggleProductSelect('${esc(sku)}')" title="${esc(tipLines.join('\n'))}">
       <div class="check">${PRODUCT_SELECTED.has(sku) ? '✓' : ''}</div>
       <div class="img">${img}</div>
       <div class="label">${esc(p.title || sku)}</div>

← 3b2d32d color preview toast green/red by product-count delta · back to Dw Collections Viewer · press C anywhere to focus collection search input 8a47889 →