[object Object]

← back to Designer Wallcoverings

grouped grid: Hue+Style sorts, controls show on load (dev 5.6.0)

1819c60536d8acc59e435f8daa62166e864ec782 · 2026-06-26 07:24:31 -0700 · Steve

Files touched

Diff

commit 1819c60536d8acc59e435f8daa62166e864ec782
Author: Steve <steve@designerwallcoverings.com>
Date:   Fri Jun 26 07:24:31 2026 -0700

    grouped grid: Hue+Style sorts, controls show on load (dev 5.6.0)
---
 shopify/_cwGRID/sections/collection-grouped.liquid | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/shopify/_cwGRID/sections/collection-grouped.liquid b/shopify/_cwGRID/sections/collection-grouped.liquid
index 1243d670..7c8d3531 100644
--- a/shopify/_cwGRID/sections/collection-grouped.liquid
+++ b/shopify/_cwGRID/sections/collection-grouped.liquid
@@ -61,7 +61,6 @@
   data-vendor="{{ vendor_scope | escape }}"
   data-collection-handle="{{ collection.handle | escape }}"
   data-pattern-page="/pages/pattern"
-  hidden
 >
   {%- if show_hero -%}
     <div class="dw-grouped__hero" style="background-image:url('{{ collection.image | image_url: width: 2000 }}');">
@@ -83,6 +82,8 @@
         <span>Sort</span>
         <select id="dw-grouped-sort">
           <option value="newest">Newest</option>
+          <option value="hue">Color (Hue)</option>
+          <option value="style">Style</option>
           <option value="colors_desc">Most Colorways</option>
           <option value="pattern_az">Pattern A→Z</option>
           <option value="vendor_az">Vendor A→Z</option>
@@ -269,14 +270,16 @@
       })
       .catch(function (e) {
         clearSkel();
-        // Feed unreachable on first page → leave Boost/native grid showing through.
-        if (next === 1) { root.hidden = true; document.body.classList.remove('dw-grouped--active'); }
+        if (next === 1) { grid.innerHTML = '<p style="grid-column:1/-1;color:#999;padding:24px;font-size:13px">Could not load patterns right now.</p>'; }
         else { statusEl.textContent = 'Could not load more'; }
         loading = false;
       });
   }
 
   wireDensity(); wireSort();
+  // Own the page immediately (we're the grid now) — toolbar + skeletons show on load,
+  // not after the feed responds.
+  document.body.classList.add('dw-grouped--active');
 
   var io = new IntersectionObserver(function (entries) {
     entries.forEach(function (e) { if (e.isIntersecting) loadNext(); });

← b28de43c auto-save: 2026-06-26T06:43:07 (5 files) — pending-approval/  ·  back to Designer Wallcoverings  ·  grouped grid: pass collection_handle for brand-family scopin dd2798d1 →