Blum 3.7.0 is a storytelling release. Six new sections give you more ways to show off your product and your brand - from a before/after slider that lets shoppers compare two images side by side, to a media slideshow with a cinematic zoom effect built for lookbook-style browsing and brand story. Alongside the new sections, this update fixes several issues around search, menus, and variant selection so your storefront looks and feels as polished as the collections you're selling.
Highlight Features
Show the Transformation with the Before/After Slider
Fashion is visual, and sometimes the story is in the difference - the product color in comparison, a look before and after styling, a product photographed in two lights. The new Before/After section lets shoppers drag a slider across two images to reveal the comparison themselves, turning a static product shot into something interactive and worth lingering on.
How to create a Before/After slider:
Step 1: In the theme editor, click Add section > search for Before after section
Step 2: Customize the section to you liking: upload images, change section content, add prominent badge
Step 3: Save the editor
A More Cinematic Storefront with the Slideshow Image Swiper
Your homepage slideshow is often the first impression of your brand - Blum 3.7.0 gives it a lookbook-quality upgrade. Built on Swiper.js, the new Slideshow Image Swiper section brings a center-focus zoom effect that draws the eye to the active slide, plus smooth scroll-snap support for Mac trackpads so browsing feels natural rather than mechanical. On desktop, editorial detail (like a caption or shop-the-look overlay) appears on hover; on mobile, that same overlay stays visible throughout, so the experience adapts to how each shopper actually browses.
How to use Slideshow Image Swiper section:
Step 1: In the theme editor, click Add section > search for Slideshow image swiper section
Step 2: Customize the section to you liking: write content, adjust slider configuration and control navigation
Step 3: Go to each slide, upload your image and write overlay content
Step 3: Save the editor
Notable Additions
FAQ Navigator
A tab-and-accordion section for support and product-detail content, styled as clean editorial content rather than a plain FAQ list. It runs two columns on desktop, with tabs on the left and content on the right, and stacks full-width on mobile so it stays easy to scan on any screen.
Stats Counter
Animated number counters that count up as shoppers scroll to them, with support for prefixes and suffixes, custom icons, and short descriptions - a polished way to surface brand credentials like years in business, styles sold, or countries shipped to.
Running Gallery
A horizontally scrolling row of product cards that loops infinitely, ideal for keeping a new collection or best-sellers in continuous motion across the page instead of confined to a static grid.
Tabbed Content
Horizontal tabs where each tab pairs text with an image or video in a configurable layout, giving you a flexible way to walk shoppers through a collection story, a materials breakdown, or a brand narrative section by section.
Bug Fixes & Under-the-Hood
Fixed the drawer search not appearing when clicking the search icon.
Fixed the slideshow overlay not displaying on the Slideshow section.
Fixed the variant selector not working on the Featured Product section when using product metafield assignment.
Fixed the click-to-open menu not working in Safari.
Resolved a syntax bug and addressed several minor QA issues throughout the theme.
Want to know who to upgrade your Blum theme to the latest version? Read this article