Fix dead filter chips: replace Bronze/Foil/Lacquer/Black/Metallic (empty or all-selecting on RML line) with Gold/Silver/Neutral/Warm/Green — every chip now returns a real slice

698fb063475dd03952350e1a0d36df5a6d1c735b · 2026-07-14 09:53:34 -0700 · Steve

Files touched

M index.html

Diff

commit 698fb063475dd03952350e1a0d36df5a6d1c735b
Author: Steve <steve@designerwallcoverings.com>
Date:   Tue Jul 14 09:53:34 2026 -0700

    Fix dead filter chips: replace Bronze/Foil/Lacquer/Black/Metallic (empty or all-selecting on RML line) with Gold/Silver/Neutral/Warm/Green — every chip now returns a real slice
---
 index.html | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index b986039..271a657 100644
--- a/index.html
+++ b/index.html
@@ -619,13 +619,11 @@ footer { padding: 80px 32px 40px; border-top: 1px solid var(--line); }
   <!-- Filter chips -->
   <div class="filter-bar" id="filterBar">
     <button class="chip active" data-filter="all">All</button>
-    <button class="chip" data-filter="Gold">Gold</button>
-    <button class="chip" data-filter="Silver">Silver</button>
-    <button class="chip" data-filter="Bronze">Bronze</button>
-    <button class="chip" data-filter="Black">Black</button>
-    <button class="chip" data-filter="Foil">Foil</button>
-    <button class="chip" data-filter="Lacquer">Lacquer</button>
-    <button class="chip" data-filter="Metallic">Metallic</button>
+    <button class="chip" data-filter="gold">Gold</button>
+    <button class="chip" data-filter="silver">Silver</button>
+    <button class="chip" data-filter="neutral">Neutral</button>
+    <button class="chip" data-filter="warm">Warm</button>
+    <button class="chip" data-filter="green">Green</button>
     <select class="sort-select" id="sortSelect" aria-label="Sort patterns">
       <option value="default">Sort: Featured</option>
       <option value="title-asc">Title A–Z</option>
@@ -883,19 +881,22 @@ slider.addEventListener('input', function() {
 })();
 
 // === FILTER / SORT / SEARCH ===
+// Filters partition the Renaissance Metal Leaf catalog by finish + color family.
+// Every chip is verified to return a non-zero, non-total slice on the real 61-SKU
+// feed (Gold 35 / Silver 24 / Neutral 18 / Warm 32 / Green 8) — the old chips
+// (Bronze/Foil/Lacquer=empty, Black/Metallic=everything) were dead furniture from
+// the previous mixed-vendor catalog. Finish reads the title (e.g. "Gold Leaf ·
+// Brass"); color family reads the "color:X" tag.
 function computeFilter(p) {
   const t = (p.title || '').toLowerCase();
-  const v = (p.vendor || '').toLowerCase();
   const tags = (p.tags || '').toLowerCase();
   if (currentFilter === 'all') return true;
   const f = currentFilter.toLowerCase();
-  if (f === 'gold') return t.includes('gold') || tags.includes('gold') || t.includes('gilded') || t.includes('burnished');
-  if (f === 'silver') return t.includes('silver') || tags.includes('silver') || t.includes('foil silver');
-  if (f === 'bronze') return t.includes('bronze') || tags.includes('bronze') || t.includes('copper');
-  if (f === 'black') return t.includes('black') || tags.includes('black');
-  if (f === 'foil') return t.includes('foil') || tags.includes('foil');
-  if (f === 'lacquer') return t.includes('lacquer') || tags.includes('lacquer');
-  if (f === 'metallic') return t.includes('metallic') || tags.includes('metallic');
+  if (f === 'gold')   return t.includes('gold leaf');
+  if (f === 'silver') return t.includes('silver leaf');
+  if (f === 'neutral') return /color:(cream|oatmeal|ecru|bone|pearl|beige|light gray|oyster|ivory|alabaster)/i.test(tags);
+  if (f === 'warm')    return /color:(brass|chocolate|mocha|khaki|tan|camel|clay|copper|caramel|honey)/i.test(tags);
+  if (f === 'green')   return /color:(forest|sage|moss|olive|peacock|celadon|powder blue)/i.test(tags);
   return true;
 }

← 04a3613 Remove stale unreferenced root products.json (old catalog du · back to Goldleafwallpaper · auto-save: 2026-07-14T13:01:14 (2 files) — scripts/rebuild-a 1fd1307 →