dw-discovery: add name + image card-field toggle chips (merge-safe defaults)

7bd0398bf3b5ade68e37f67f472614295c2b8644 · 2026-06-24 14:55:15 -0700 · Steve

Files touched

M dw-discovery.js

Diff

commit 7bd0398bf3b5ade68e37f67f472614295c2b8644
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Jun 24 14:55:15 2026 -0700

    dw-discovery: add name + image card-field toggle chips (merge-safe defaults)
---
 dw-discovery.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/dw-discovery.js b/dw-discovery.js
index e363daf..45d4418 100644
--- a/dw-discovery.js
+++ b/dw-discovery.js
@@ -53,7 +53,11 @@
       sort: LS('sort', 'featured'),
       cols: LS('cols', 4),
       layout: LS('layout', 'sidebar'),     // Filter layout
-      cardFields: LS('cardFields', { price: true, vendor: true, swatch: true, contents: true, pattern: false, color: true, sku: true, created: true, launch: true }),
+      // merge stored over defaults so newly-added toggles (name/image) appear for returning visitors
+      cardFields: Object.assign(
+        { name: true, image: true, price: true, vendor: true, swatch: true, contents: true, pattern: false, color: true, sku: true, created: true, launch: true },
+        LS('cardFields', {})
+      ),
       merchandising: LS('merch', { featuredFirst: true, inStockFirst: true }),
       query: ''
     };
@@ -265,7 +269,7 @@
           + `</div><div class="dwd-pal-legend">${p.palette.slice(0,4).map(c=>`${c.name} ${c.pct}%`).join(' · ')}</div>`
         : '';
       const badges = (p.featured ? '<span class="dwd-badge feat">Featured</span>' : '') + (!p.inStock ? '<span class="dwd-badge oos">Made to order</span>' : '');
-      const thumb = p.image
+      const thumb = (cf.image && p.image)
         ? `<div class="dwd-thumb"><img class="dwd-img" src="${p.image}" alt="${p.title}" loading="lazy">${sw}${badges}</div>`
         : `<div class="dwd-thumb" style="--c:${p.hex}">${sw}${badges}</div>`;
       return el('article', 'dwd-card', `
@@ -273,7 +277,7 @@
         <div class="dwd-meta">
           ${p.status ? `<span class="dwd-status s-${String(p.status).toLowerCase().replace(/[^a-z]+/g,'-')}">${p.status}</span>` : ''}
           ${cf.launch ? (p.goLiveAt ? `<span class="dwd-golive" title="Launches ${p.goLiveAt}">🚀 Launches ${new Date(p.goLiveAt).toLocaleString(undefined,{year:'numeric',month:'short',day:'numeric',hour:'numeric',minute:'2-digit'})}</span>` : (/active|published/i.test(p.status||'') && p.created_at ? `<span class="dwd-golive launched" title="Launched ${p.created_at}">🚀 Launched ${new Date(p.created_at).toLocaleString(undefined,{year:'numeric',month:'short',day:'numeric',hour:'numeric',minute:'2-digit'})}</span>` : '')) : ''}
-          <div class="dwd-title">${p.title}</div>
+          ${cf.name ? `<div class="dwd-title">${p.title}</div>` : ''}
           ${cf.vendor ? `<div class="dwd-vendor">${p.vendor}</div>` : ''}
           ${cf.created && p.created_at ? `<div class="dwd-when" title="Created ${p.created_at}">🕓 Created ${new Date(p.created_at).toLocaleString(undefined,{year:'numeric',month:'short',day:'numeric',hour:'numeric',minute:'2-digit'})}</div>` : ''}
           ${cf.pattern && p.title ? `<div class="dwd-fld"><b>Pattern</b> ${p.title}</div>` : ''}

← ede7996 Created + Launch toggle chips; every SKU has created date; l · back to Dw Discovery · dw-discovery: default name + image card toggles to off a3289a2 →