[object Object]

← back to Designer Wallcoverings

Hue sort: fix Light->Dark direction (lightest first) + unreadable cards sink to end

8f532c5848601d25503f8d2616a78b179d0af0df · 2026-06-27 11:17:30 -0700 · Steve Abrams

Files touched

Diff

commit 8f532c5848601d25503f8d2616a78b179d0af0df
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Jun 27 11:17:30 2026 -0700

    Hue sort: fix Light->Dark direction (lightest first) + unreadable cards sink to end
---
 shopify/theme-files/snippets/dw-boost-overrides.liquid | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/shopify/theme-files/snippets/dw-boost-overrides.liquid b/shopify/theme-files/snippets/dw-boost-overrides.liquid
index 84c8bbdb..cf7c1494 100644
--- a/shopify/theme-files/snippets/dw-boost-overrides.liquid
+++ b/shopify/theme-files/snippets/dw-boost-overrides.liquid
@@ -737,8 +737,14 @@ body.dw-filters-collapsed .boost-sd__product-list[class*="grid--"]{grid-template
   function cardKey(card, mode){
     var img = card.querySelector('img.boost-sd__product-image-img, img');
     var rgb = img ? colorOfImg(img) : null;
-    if (!rgb) return mode==='wheel' ? 999 : (mode==='dark' ? -1 : 9999);
-    if (mode==='light' || mode==='dark'){ var L=rgb2lab(rgb)[0]; return mode==='dark' ? -L : L; }
+    /* cards we can't read sort to the END for every mode (sort key always large) */
+    if (!rgb) return mode==='wheel' ? 999 : 999999;
+    if (mode==='light' || mode==='dark'){
+      var L = rgb2lab(rgb)[0];                 /* 0 (black) .. 100 (white) */
+      /* "Light → Dark" = lightest FIRST  => sort ascending on (100 - L)
+         "Dark → Light" = darkest FIRST   => sort ascending on L          */
+      return mode==='light' ? (100 - L) : L;
+    }
     if (mode==='wheel'){ return rgb2hsl(rgb[0],rgb[1],rgb[2])[0]; }       /* 0..360 hue */
     return hueBucket(rgb);                                                /* bucket */
   }

← 8146806b Hue sort: 3-tier mount (slider-adjacent / visible toolbar-co  ·  back to Designer Wallcoverings  ·  Remove temporary inspection scripts 1b3c9bfd →