← back to Dw Theme Boost Fix

auto-save: 2026-07-14T14:01:28 (1 files) — snippets/dw-boost-overrides.liquid

8a47d6f292080da517152850ecd71eecbd18fb9d · 2026-07-14 14:01:32 -0700 · Steve Abrams

Files touched

• M snippets/dw-boost-overrides.liquid

Diff

commit 8a47d6f292080da517152850ecd71eecbd18fb9d
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Jul 14 14:01:32 2026 -0700

    auto-save: 2026-07-14T14:01:28 (1 files) — snippets/dw-boost-overrides.liquid
---
 snippets/dw-boost-overrides.liquid | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/snippets/dw-boost-overrides.liquid b/snippets/dw-boost-overrides.liquid
index 27f6cc7..f83365e 100644
--- a/snippets/dw-boost-overrides.liquid
+++ b/snippets/dw-boost-overrides.liquid
@@ -256,9 +256,32 @@ body.dw-filters-collapsed .boost-sd__product-list[class*="grid--"]{grid-template
      our custom controls. Self-healing poller so it works regardless of Boost's
      async render timing. Mobile (<=768) is left entirely alone. */
   if (window.innerWidth > 768) {
+    /* Boost injects its own CSS at RUNTIME (after any static inline <style>), so a
+       static override loses the source-order tie. Instead: drop the collapse class
+       (so Boost's native left/vertical layout is no longer suppressed) and append
+       our rail CSS at runtime so it lands LAST and wins. Mirrors the verified path. */
+    document.body.classList.remove('dw-filters-collapsed', 'dw-filters-horizontal', 'dw-hbar-collapsed');
+    var __railCss = document.createElement('style');
+    __railCss.textContent =
+      '@media (min-width:769px){' +
+      '.boost-sd-layout--has-filter-vertical{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:30px !important}' +
+      '.boost-sd-left{display:block !important;width:264px !important;flex:0 0 264px !important;max-width:264px !important;min-width:264px !important;position:sticky !important;top:14px !important;padding-right:22px !important;border-right:1px solid rgba(0,0,0,.09) !important;overflow:visible !important}' +
+      '.boost-sd__filter-tree-wrapper,.boost-sd__filter-tree-vertical,.boost-sd__filter-tree-vertical-content,.boost-sd__filter-tree-vertical-refine-by{display:block !important;width:auto !important;visibility:visible !important}' +
+      '.boost-sd-right{flex:1 1 auto !important;width:auto !important;min-width:0 !important;max-width:none !important}' +
+      '.boost-sd__product-list{width:100% !important;max-width:100% !important}' +
+      '.boost-sd-left .dw-rail-dept{margin:2px 0 18px}' +
+      '.boost-sd-left .dw-ptype-bar{display:flex !important;flex-wrap:wrap;gap:8px}' +
+      '.dw-hfilter-bar{display:none !important}' +
+      '}';
+    document.head.appendChild(__railCss);
+
     var __railTries = 0;
     var __railTimer = setInterval(function(){
       __railTries++;
+      /* Boost may re-add the collapse class on re-render — keep it off on desktop */
+      document.body.classList.remove('dw-filters-collapsed');
+      /* Boost injects CSS at runtime; re-append ours so it stays LAST and wins */
+      document.head.appendChild(__railCss);
       var left = document.querySelector('.boost-sd-left');
       var ptype = document.querySelector('.dw-ptype-bar');
       if (left && ptype && !left.contains(ptype)) {
@@ -271,7 +294,7 @@ body.dw-filters-collapsed .boost-sd__product-list[class*="grid--"]{grid-template
         var t = (btns[i].textContent || '').trim().toLowerCase();
         if (t === 'hide filters' || t === 'show filters') btns[i].style.display = 'none';
       }
-      if ((left && ptype && left.contains(ptype)) || __railTries > 32) clearInterval(__railTimer);
+      if ((left && ptype && left.contains(ptype)) || __railTries > 40) clearInterval(__railTimer);
     }, 250);
   }
 

← 8ba422e auto-save: 2026-07-14T13:31:22 (1 files) — snippets/dw-boost  ·  back to Dw Theme Boost Fix  ·  auto-save: 2026-07-15T10:05:46 (2 files) — snippets/dw-boost 91a6cd6 →