Storefront Collection Films: 3 cards (Maya Romanoff + Glitter Walls + Majilite)

f1f111b9e46b96bc382961c5fb605ad145a22bb8 · 2026-08-10 14:25:12 -0700 · Steve Abrams

Files touched

M storefront/dw-collection-films.liquid

Diff

commit f1f111b9e46b96bc382961c5fb605ad145a22bb8
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Aug 10 14:25:12 2026 -0700

    Storefront Collection Films: 3 cards (Maya Romanoff + Glitter Walls + Majilite)
---
 storefront/dw-collection-films.liquid | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/storefront/dw-collection-films.liquid b/storefront/dw-collection-films.liquid
index 3c8b31d..fce6607 100644
--- a/storefront/dw-collection-films.liquid
+++ b/storefront/dw-collection-films.liquid
@@ -10,8 +10,9 @@
   .dwcf__head { text-align: center; margin-bottom: 34px; }
   .dwcf__eyebrow { font-size: 12px; letter-spacing: .28em; text-transform: uppercase; color: #9a8f80; margin: 0 0 10px; }
   .dwcf__title { font-size: clamp(26px, 4vw, 40px); font-weight: 400; letter-spacing: .01em; margin: 0; color: #1a1a1a; }
-  .dwcf__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin-top: 34px; }
-  @media (max-width: 760px){ .dwcf__grid { grid-template-columns: 1fr; } }
+  .dwcf__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 34px; }
+  @media (max-width: 1000px){ .dwcf__grid { grid-template-columns: repeat(2, 1fr); } }
+  @media (max-width: 680px){ .dwcf__grid { grid-template-columns: 1fr; } }
   .dwcf__card { position: relative; border-radius: 6px; overflow: hidden; background: #efe9df; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
   .dwcf__vidwrap { position: relative; aspect-ratio: 16/9; background:#000; }
   .dwcf__vidwrap video { position:absolute; inset:0; width:100%; height:100%; object-fit: cover; display:block; }
@@ -48,6 +49,23 @@
       </div>
     </div>
 
+    <div class="dwcf__card">
+      <div class="dwcf__vidwrap">
+        <video preload="none" playsinline controls
+               poster="https://marketing.designerwallcoverings.com/public/collections/glitter-walls-poster.jpg">
+          <source src="https://marketing.designerwallcoverings.com/reels/glitter-walls-flipbook.mp4" type="video/mp4">
+        </video>
+        <div class="dwcf__play" onclick="var v=this.previousElementSibling; v.play(); this.style.display='none';" aria-label="Play">
+          <svg viewBox="0 0 64 64" fill="none"><circle cx="32" cy="32" r="31" fill="rgba(255,255,255,.92)"/><path d="M26 20l20 12-20 12z" fill="#1a1a1a"/></svg>
+        </div>
+      </div>
+      <div class="dwcf__meta">
+        <h3 class="dwcf__name">Glitter Walls</h3>
+        <p class="dwcf__sub">Bring the Sparkle Home — sequins & glass beads in gold, silver, black & jewel tones</p>
+        <a class="dwcf__cta" href="/collections/all?filter.p.vendor=Glitter+Walls">Shop the Collection</a>
+      </div>
+    </div>
+
     <div class="dwcf__card">
       <div class="dwcf__vidwrap">
         <video preload="none" playsinline controls

← 4680a24 Glitter Walls portrait IG cut · back to Dw Marketing Reels · Collection Films: fix dead Shop CTAs to vendor-collection ro 579a1a7 →