SectionsBundlesPricingFAQBlogAboutContactContactInstall on Shopify

Everything we've shipped.

A running log of what's new in Modulo — sections, blocks, bundle improvements, and the occasional fix. For what's next, see the public roadmap.

fix

Cart updates now show without a refresh

Adding from a Modulo product section now updates your theme's cart drawer, badge and cart page immediately, on Horizon and Dawn-family themes alike.

Read
Total shipped
116
New
64
Improved
30
Fixes
22
September / 2026

September

5 shipped
fix

Cart updates now show without a refresh

Adding from a Modulo product section now updates your theme's cart drawer, badge and cart page immediately, on Horizon and Dawn-family themes alike.

Adding a product from a Modulo section put the item in the cart, but on some themes nothing on the page changed until the shopper reloaded — the drawer could even open showing an empty cart while the header badge was already counting the item.

The cause was that our cart code only spoke Dawn's language. It looked for Dawn's cart elements, asked Shopify to re-render sections by Dawn's names, and announced the change with events Dawn listens for. On a Horizon storefront none of those exist, so every one of them did nothing — silently, because Shopify answers a request for a section that isn't there with an empty result rather than an error.

What changed:

  • Section names now come from your theme, never from us. We ask your own cart components which sections they need, or read the section id straight off the page, so a theme that renames or moves its cart still refreshes correctly.
  • Horizon and other current themes are now spoken to directly, using the event their cart components actually listen for. That drives the cart badge, the "items in cart" announcement, the drawer opening, and — the part that was most visible — the cart contents themselves.
  • The cart count is read from the cart, not guessed from the item just added. A shopper holding three items who added one could previously see the badge drop to one.
  • Product Buy Box adds in place. It used to hand the click to the theme and hope; it now adds without a page load and refreshes the cart itself, while still working with JavaScript switched off.
  • Opening the cart never navigates you away. On stores whose cart is a page rather than a drawer, a quick add updates the count and leaves the shopper where they were.
  • On Horizon, your theme's "auto-open cart drawer" setting now decides whether the drawer slides open after a Modulo add, exactly as it does for your theme's own Add to cart button. Previously nothing opened at all on Horizon; now the choice is yours, in one place.

This affects Product Buy Box, Product Quick Buy, Product Shelf, Product Picks, Shop Tabs, Featured Products, Product Grid, Product Stage, Product Showcase, Shoppable Video and the Bundle block. Open the Sections catalog and choose Update to latest on any of these you have installed; your settings are kept. The Bundle block updates on its own with the app, nothing to do there.

Verified against two live Horizon 4.1.4 storefronts before release, with the theme's own cart components doing the measuring.

fix

Header Pill: pages could stop scrolling until you reloaded

With the cart drawer open, anything that re-rendered the header left the page locked and unscrollable with nothing on screen to explain it. The lock now releases itself, and the sticky repair no longer interferes with your theme.

A merchant told us that with our header enabled, their store would stop scrolling as they moved between pages, and the only way to get it back was to reload. Turning the header off fixed it.

They were right, it was our bug, and there were two of them.

The page could be left locked with nothing to explain it

When you open the cart drawer, the header locks the page behind it so the drawer scrolls instead of the page underneath. That is correct, and every store does it.

The problem was who owned the lock. It was applied and removed by one piece of code tied to that one copy of the header. If anything replaced the header markup while the drawer was open, that code disappeared and the lock stayed behind.

Plenty of ordinary things replace the header. A theme with page transitions does it on every navigation. A theme or app that refreshes the cart count does it too, and our own quantity buttons trigger exactly the kind of cart event that such code listens for.

The result was a page that could not be scrolled, with no drawer visible to close and nothing on screen to explain it. Only a reload cleared it.

The lock is no longer owned by anything. It is now worked out from the page itself: is there a cart drawer open right now, with working controls behind it? Nothing is remembered, so nothing can be left behind. If a re-render leaves a drawer that only looks open, it is closed rather than trusted, so you can never be stranded behind a drawer that will not respond.

The sticky fix was interfering with themes

The repair we shipped last week to keep the header sticky was too heavy handed with the rest of the page.

If a theme was in the middle of an animation, our repair cancelled it outright and never put it back. On themes that unlock scrolling when their page animation finishes, that animation now never finished, so the page stayed locked. A short animation like that ends on its own in half a second, so the header now simply waits it out instead of interfering.

It could also switch off scrolling on themes that scroll an inner container rather than the page, because it was looking for one specific Shopify theme's naming and walked straight past everything else. It now recognises the general pattern, never touches the part of the page that does the scrolling, and undoes anything that did not actually help.

What to do

Open Header Pill in the app and choose Update to latest. Your settings are kept. The same update applies to Header Commerce, which shares the sticky code.

new

Product Coverflow — a 3D fan of product cards

Product cards fan out in perspective. The centre card stands upright with its price and a Shop now bar; neighbours tilt away. Live prices, sale and sold-out from your collection.

A new section for the Products category, built from a merchant request.

  • Pick a collection or hand-pick products. Real prices, "From" on multi-price products, struck-through sale prices and a Sold out badge, all from your catalogue.
  • Only the centre card carries the button. Tap, drag, or use the arrow keys to bring any product forward.
  • The fan fills the full width and stays symmetric at any product count. Arrows and dots are optional and off by default, so the fan itself is the interface.
  • Rotation, depth, cards per view, photo shape and fit, and every colour are yours to set. Text on the card picks a legible ink automatically.
  • No external slider library. Works before scripts load, respects reduced motion.
fix

Transformations: Image shape and Card size now work on phones

The section's two top settings did nothing below tablet width, and picking Landscape stopped the two photos overlapping on mobile entirely. Both now follow your settings at every screen size.

A merchant told us the Transformations section was not mobile optimized. They were right, and the cause turned out to be more specific than a layout that needed tidying.

What was going on

The two settings at the very top of the section — Image shape and Card size — were being ignored on every phone and tablet. Not partially: at 320px wide, Card size 50%, 60% and 72% all rendered exactly the same 215px card. You could drag that slider all day and nothing would move.

The reason is that the section's mobile rules were written with fixed numbers baked in, which quietly painted over whatever you had chosen. Above tablet width your settings applied normally, so the section looked correct in the theme editor on a desktop and then didn't match on a phone.

The second half is the part that actually breaks the design. The two photos are pinned to the top and bottom of a frame, so the shape of that frame is what decides how much they overlap. The fixed numbers replaced the frame's shape but left the photos' shape alone, and those two are meant to move together. With Landscape selected, the result on every phone was that the two photos stopped overlapping at all — two separate rectangles with a gap between them, and the hand-drawn "from this / to this" arrows pointing at nothing. On a before-and-after section, that is the whole point of the section gone.

What we changed

The mobile rules now derive the frame from your settings instead of overriding them. We worked out the relationship between the frame shape, the photo shape and the card size that produces the overlap, and let the section solve it for whatever you have picked — so the composition now holds at every shape, every card size and every screen width.

Two things worth saying plainly:

  • If you have this section installed and haven't changed those settings, nothing about it will look different. We pinned the new calculation to the exact values the default already produced, so a default install renders identically. What changes is that the other options now do something.
  • The gap beneath the photos now grows with Card tilt. At the highest tilt setting the lower photo used to land about 6px on top of the heading.

How to get it

Open Modulo → Sections in your Shopify admin. The Transformations section will show Update available — click Update to latest. Your settings are kept.

Our test for this measures the real section in a real browser across nine shape-and-size combinations and twelve screen widths, 1,386 checks in total. We also run it against the old code deliberately: 93 of those checks fail there, which is how we know the test is measuring the actual problem and not just agreeing with itself.

fix

Preview windows that opened off to the side

On some machines every preview and confirmation window in the app opened half a screen to the right, with its right-hand column off the edge. The app now measures each one and corrects it.

A merchant sent us a screenshot: they clicked a section to read more about it, and the preview opened jammed against the right edge of the app, with the whole right-hand column (the description, the install button) off the screen entirely. It happened every time, in two different browsers.

What was going on

Every window of this kind in the app is Shopify's own modal component, and it centres itself using a value that Shopify's code fills in. On this merchant's machine that value never arrived.

The way CSS handles a missing value here is unforgiving: it does not fall back to something sensible, it throws the whole instruction away. So the modal kept the first half of its positioning and lost the second, which parks it with its left edge on the middle of the screen. That is exactly what the screenshot showed, and nothing else produces it.

We cannot see why the value failed to arrive on their machine, and we may never be able to. So we stopped trying to.

What we changed

The app now measures each of these windows just after it opens, and again if you resize. If it is centred, nothing happens at all. If it is not, the app works out the exact correction needed from the window in front of it and applies that.

Two details worth stating, because both were mistakes we made first and caught by measuring rather than by reading the code:

  • The correction is derived, never assumed. Our first attempt used the obvious value, half the window's width. The real one carries an extra offset, so that version would have moved the modal from badly wrong to slightly wrong, which is arguably worse. It now works the number out each time, which also means it stays correct if Shopify changes theirs.
  • If neither repair reaches it, the app puts everything back rather than leaving a second wrong position stacked on the first.

This is in the shared shell behind every modal in the app, so it covers section and block previews, the theme picker, update confirmations and the billing screens, not just the one that was reported.

Nothing to do

The fix is in the app itself, so there is nothing to install or update. If you saw this, it should simply be gone.

Our own test for it runs 17 checks built on real measurements taken from a live store. Five of them fail if we go back to assuming the value instead of measuring it, which is the part that stops this quietly coming back.

August / 2026

August

33 shipped
fix

Sticky headers: the five ways it was still breaking

Our first sticky fix covered six theme behaviours. It needed to cover thirteen. Both headers now survive all of them, and the overlay header can no longer be clipped away or buried.

We shipped a sticky-header fix three days ago. It was real, and it was not enough: a merchant came back with the header still scrolling away. They were right, and the reason is worth writing down.

Sticky is two things in a row. Our JavaScript adds a class when you scroll, and CSS pins the bar with position: fixed. The second half only works while no ancestor element has quietly become what the spec calls a containing block, and your theme owns two of the three wrappers our header sits inside. The first fix detected that and repaired it. What it missed was when and how many.

What was still broken

  • content-visibility on a theme wrapper breaks the pin, and it is invisible to the obvious check: it applies containment without ever changing the contain property we were reading.
  • translate, rotate and scale are separate properties from transform. Each one breaks the pin on its own, and we were only reading transform. Same for transform-style and offset-path.
  • A running transform animation keeps the containing block alive even after our repair has won the cascade. The animation itself has to stop.
  • Timing. The repair ran once, on the first scroll. A theme that adds a transform later, when a mobile menu opens or its own sticky-header script runs, broke the pin permanently and was never re-checked.
  • Themes that do not scroll the page. Some themes and smooth-scroll scripts scroll an inner container instead of the document. We read the page's scroll position, which stays at zero forever, so the header never became sticky at all and there was nothing for the repair to fix.

All five are fixed on Header Pill and Commerce Head.

The overlay header could be there and invisible

If you use "Sit over the first section", the header is positioned inside a wrapper with no height. An ordinary overflow: hidden in your theme clipped it away completely, and a hero section with a high enough stacking order painted right over it. In both cases the header was in exactly the right place and showed nothing, then appeared as soon as you scrolled. Both are now detected and repaired.

We also reworded that setting. It removes the space this header takes up, not your theme's. If your theme's own header or announcement bar is still switched on, hide those first or the pill sits underneath them instead of on your hero.

Getting it

Open Header Pill or Commerce Head in the app and choose Update to latest. Your settings are kept.

Our own test for this now runs 112 checks across both headers, and 52 of them fail if we remove the repair, which is the part that stops it quietly rotting again.

new

Category Groups

Shop-by pills sorted into named groups on one card. Built for gift guides and any catalogue people enter from more than one direction.

Category Pills gives you one row of links. This gives you several, each under a heading a shopper actually thinks in.

by recipient · For her, For him, For teachers, Treat yourself by mood · Self-care, Cozy nights, Funny & bold by price · Under $20, Under $50, Splurge, Gift card

They all sit inside one card, so three ways into your catalogue read as a single control rather than three sections stacked on top of each other. Turn the card off if you would rather have the pills sit bare on the page.

How it is built

Add a Group block to name an axis, then add Pill blocks underneath it. Pills belong to the group above them, so reordering is drag and drop.

Every pill can point at a collection, your search page, your full catalogue, or any link you type. A pill with no collection picked links to your catalogue rather than nowhere, so nothing is a dead end while you are still setting it up.

Small things that matter

  • On a collection page, the pill for that collection fills itself and tells screen readers it is the page you are on. Nothing to configure.
  • Product counts are optional, and they come from the collection itself, so they can never be out of date.
  • Group labels are italic by default. Switch them to uppercase, resize them, or give them their own font.
  • On phones the groups stack full width and the pills stay a comfortable size to tap.
  • Add a fifth or sixth group and they wrap onto a tidy second row instead of one of them stretching across the whole card.
fix

Colour settings now beat your theme

Colour settings were being overridden by the theme in 200 of our sections. All of them now hold. Plus: Coverflow's title shadow is a switch.

Two merchant reports this week turned out to be the same bug, and once we measured for it properly we found it in 200 of our 229 sections. All of them are fixed.

Promo Mosaic: the colour pickers now actually work

Every colour setting in Promo Mosaic could be dead depending on your theme. You would pick a colour for Text on photos, save, and the tile headline stayed whatever colour your theme paints headings.

It was not a Promo Mosaic setting problem, it was a cascade problem: the section handed the headline its colour by inheritance, and an inherited colour loses to any colour a theme sets directly on h2 / h3, which nearly every theme does. The same thing was happening to the section heading, the eyebrow, the subheading, the header link, the tile pill and its label.

There was a worse one hiding behind it. The whole tile is a link, and on a theme that gives links a background and a border, that link painted a grey box over the photograph.

All of it is fixed, and pinned by a test that renders the section under a deliberately hostile theme stylesheet and checks the pixel a shopper actually sees against the colour you picked. 772 checks, in every text position, at every breakpoint, with the header on and off.

Coverflow: the title shadow is now optional

The soft black shadow behind slide titles was hardcoded, so there was no way to turn it off. Image overlay → Soft shadow behind the title now switches it.

It ships on, so nothing changes on your storefront until you turn it off. The same switch was added to Coverflow Hang, and the colour setting confusingly labelled "Title text" is now labelled "Title color". It was always a colour picker, never a place to type the title. (Slide titles are typed on the slide itself, under Title.)

Every other section, too

Once we understood the mechanism we tested the whole library for it, with a deliberately hostile theme stylesheet loaded alongside each section. 200 sections had it somewhere: a heading, a price, a button label, a caption. 204 of 222 now hold, against 22 before we started.

Nothing about how your sections look has changed. Every stylesheet was rendered before and after at five screen widths, comparing 45 style properties and the exact position and size of every element, and only kept where that came out identical. What changed is which stylesheet wins the argument with your theme.

One thing to know if you write your own CSS: our section styles now win against your theme by being more specific, and an override of yours written as .modulo-xx .modulo-xx__thing is now only as specific as ours, so it may no longer win. Add one more class to the front of it, or !important, and it does. If we ever sent you a snippet and it stops working, reply to this and we will rewrite it for you.

Sections you already installed show Update available in the app. Updating keeps your settings.

fix

Headers now stay put in every theme

Header Pill and Commerce Head could quietly stop sticking on some themes. They now pin to the top wherever they are installed.

If you turned on Stay visible and your header still scrolled away with the page, this was the reason, and it was not something you could have fixed in the settings.

A header that stays on screen is pinned to the top of the browser window. That pin only works if nothing wrapping the header claims the top of the window first. Themes wrap every section in their own containers, and some of them apply effects to those containers, usually for a scroll animation or a rendering speed-up. When a theme does that, the pin quietly re-points at the container instead of the window, and the header rides up out of view exactly as if sticky had never been switched on.

Nothing looked wrong from inside the theme editor. The setting was on, the header was correct, and it simply did not stick.

Both headers now check, the moment they first stick, whether the pin is actually holding. If something above them has taken it over, they release just that one thing on the nearest container responsible and stop there, so the rest of your theme is left alone. On a theme that was never affected, nothing changes at all.

Open Header Pill or Commerce Head in the app and click Update to latest. Your settings are kept.

new

New section: Product Frame

A product rail that shows every photo whole, with Add to cart on the card — and sold-out products that say so.

A merchant wrote in with two things about a rail they were trying to copy. First: when a product is sold out the card should say so, and when it isn't, there should be a way to add it to the cart right there. Second, with a screenshot attached — "the image is getting cut, please make sure that in your section the image gets perfectly fit."

Those look like separate asks. They're the same one. A card that has to show a whole photo and carry a button has to decide where the button goes, and floating it over the picture is exactly what forces the crop.

Product Frame puts the button somewhere it can't get in the way.

Every photo shown whole

Each card is a fixed frame, and the photo is sized to fit inside it rather than cropped to fill it. A tall model shot, a square packshot and a supplier's landscape photo can sit in the same row and none of them loses an edge. The area behind the photo takes the card's own colour by default, so a studio-white shot looks like it was framed on purpose. If a photo has its own dark background, tint that area and it becomes a proper plate.

If you prefer the cropped look, one setting switches it back.

The button has its own strip

The frame keeps a strip clear along its bottom edge, and the photo is laid out above it. So the buy button always lands in the same place on every card, and it can never end up over a face, a hem or a logo — at any frame shape, with any photo.

That strip is reserved whether the button is showing or not, so if you set it to appear on hover, nothing shifts when it does. The photo doesn't resize and the row doesn't jump.

Three answers, depending on the product

  • Sold out — the card says Sold out in a quiet, non-clickable state, and the photo dims. No button that does nothing.
  • One version of the productAdd to cart adds it, without opening the product page.
  • Several sizesAdd to cart opens the sizes on the card itself. Pick one and it goes in the cart. Sizes that aren't in stock are struck through and can't be chosen.

Products with more than one set of options — a size and a colour — link to the product page instead, because a single tap can't honestly stand in for two choices.

The whole thing still works with JavaScript off: the button falls back to a plain product link, so a shopper is never left with a control that does nothing.

The rest

Four frame shapes, two to five cards across, and control over the space around each photo. Background, card, plate, text and accent colours are all yours; the vendor line, prices and labels can be turned off or rewritten. Every colour that the section works out for itself — the muted price, the vendor line, the button's own label — is measured for contrast against the surface it actually sits on, not the page behind it.

Find it under Products in the section catalogue.

improved

Product Buy Box now accepts app blocks

Add a Modulo bundle, or any other app's block, straight into the buy column beside your Add to cart button.

Product Buy Box previously accepted only its own blocks, so there was no way to put a Modulo bundle inside it. If you were using the buy box as your product page, the bundle had nowhere to live. That was a real gap, not a setting you were missing.

The section now accepts app blocks. In the theme editor, open Product Buy Box, click Add block, and you will see an Apps group alongside the built-in blocks. Pick your Modulo bundle there and drag it wherever it belongs, most often just above the Add to cart button.

A few things happen automatically once a bundle is in the column:

  • The quantity stepper steps aside, because the bundle's pack options already choose the quantity, and the Add to cart button takes the full width instead of leaving a gap where the stepper was.
  • Shopify's express wallet button is hidden while a bundle is showing. It bypasses the product form, so it would charge for a single item no matter which pack the shopper picked.
  • On a product that is not part of any bundle, the block renders nothing and leaves no empty space behind it.

This works for other apps' blocks too, not only ours, so reviews, loyalty and subscription widgets can sit in the buy column as well.

One thing worth knowing: app blocks always read the product of the page they are on, not the product picked in the section's settings. If those two are different, the theme editor now tells you so rather than letting it pass silently.

To get it, open the Modulo section catalog and choose Update to latest on Product Buy Box. Your settings are kept.

new

New section: Image Accordion

Photo panels that expand — open one and it takes the room, while the rest fold down to labelled edges.

A merchant wrote in asking for a slider they'd built by hand: a row of photos where the one you're looking at opens up and the others collapse to slim vertical strips. They'd tried Collection Rail first and said it "doesn't give the same effect" — which was right. Every card in a rail is the same width. The whole point of this one is that they aren't.

Image Accordion is that pattern. Hover, tap or arrow-key through a row of photos and the active panel expands to take most of the width, carrying a title, a line of text and a link. The rest fold down beside it.

Closed panels keep their name

Most versions of this pattern leave the collapsed panels blank, so shoppers have to hover each one to find out what's behind it. Here every closed panel keeps its title, turned on its side — the row reads like books on a shelf, one open and the rest spine-out. You can read the whole thing at a glance without touching anything, which also means it works for someone navigating by keyboard or screen reader.

If you'd rather have the bare photos, sideways titles can be switched off.

It rotates on phones instead of giving up

Slim vertical strips are useless on a phone, so the whole mechanic turns ninety degrees: panels stack, titles lie flat, and tapping one opens it in place. The section stays exactly the same height whichever panel is open, so nothing below it jumps around when someone taps.

Titles stay readable on your photos

Text over photography usually means picking a shading level and hoping. Here the titles carry their own backing, so they stay readable whether your photos are dark interiors or bright packshots on white — we tested against a pure white background, which is the hardest case there is. That leaves the shading slider free to be a look rather than a compromise; you can take it all the way down to nothing and the text still reads.

Setting it up

Add a panel per photo, give each a title, a line of text and a link if you want one. You control the open panel's width, the row height, gap, corner radius and how fast it opens, plus separate heights for phones. Where a closed strip crops your photo is set by the image's focal point in Shopify, so you fix it once on the image itself.

Find it under Gallery in the section catalog.

new

New section: Video Shop

Your short-form clips with a price tag on every one, linking straight to the product.

If you record clips of your products for TikTok, Reels or Shorts, there was no clean way to put them on your storefront with prices attached. Shoppable Video came closest, but it opens a popup with a variant picker and an add-to-cart button — a lot of machinery if all you want is a row of clips people can tap through to buy.

Video Shop is the simpler shape. A row of vertical clips, each with a product card resting inside it: thumbnail, product name, live price, and the old price struck through when the item is on sale. Tapping anywhere on a clip opens that product's page.

The badges are worked out from your catalogue, not typed in. "New" comes from the product's real publish date, and you choose how long a product counts as new. The discount percentage is calculated from the compare-at price — so a badge can never advertise a saving you are not actually giving, and it updates itself when you change a price. Nothing to remember, nothing to go stale.

Every card lines up. This is the part that usually goes wrong in a row of products: one has a long name, another has a supplier photo that is wide instead of square, a third is the only one on sale. Video Shop reserves the space either way, fits every thumbnail onto an identical plate without cropping or stretching it, and a product with no photo at all gets a lettered plate rather than a blank hole. The row reads as one shelf whatever your catalogue looks like.

Two card styles: a solid card, or frosted glass that lets the clip show through behind it. The frost has a floor built in — you can make it lighter, but not so light that the price stops being readable over a bright clip.

Badges come in four shapes: a pill, a squared tab, a corner flag notched into the top of the clip, and a hanging ribbon with a notched foot. You can put them on the clip or down in the product card, and you type the "New" wording yourself so it reads correctly in your own language.

The centered clip plays muted as it scrolls into view, one at a time, and stops entirely for anyone browsing with reduced motion switched on.

Find it in the Modulo section catalog under Video.

improved

Slideshow Classic: keep your text still

Turn on Keep text fixed across slides and only the photos change. Your headline and buttons stay exactly where they are.

Slideshow Classic gives every slide its own text, which is right for a slideshow where each slide makes its own point. It is the wrong shape for a banner, where you want one headline sitting still while the imagery moves behind it. Until now the text rode along with the photo and moved on every change.

Open Layout and turn on Keep text fixed across slides. The photos keep rotating, and your eyebrow, heading, subheading and buttons stay put. No fading, no sliding, no re-animating on every change.

The text it shows is the text on your first slide, so there is nothing new to type. Turn the setting on and the words you already wrote stay on screen. Turn it back off and every slide goes back to carrying its own text, exactly as before. Nothing you have written is lost either way.

Two details worth knowing. Text typed on the other slides is ignored while the setting is on, so put your banner copy on slide one. And if you have given your slides their own links, those still work: clicking the photo behind the text follows that slide's link, while your buttons keep their own destinations.

Your existing slideshows are untouched. The setting ships off, and a slideshow with a single slide has nothing to rotate, so it is unaffected either way.

fix

Category Cards arrows no longer depend on the header

Turning off the section header used to silently switch off the arrows and the counter as well, even with 'Show arrows' left on.

On Category Cards, the arrows and the slide counter were rendered inside the section's header row. Turning the header off removed that row and took both of them with it, so a store running the cards with no heading had "Show arrows" switched on and no arrows anywhere, with nothing in the theme editor to explain why.

Show arrows and Show counter are now their own settings, exactly as they read. With the header off, they get a row of their own above the cards, keeping the same right-hand placement (centred if the section's alignment is set to centre). With the header on, nothing changes.

Two smaller consequences of the same fix:

  • The thin progress track that appears under the cards existed only to give desktop some way to tell the rail scrolls when there was no nav at all. It now stands down when arrows are showing, instead of being drawn beside them.
  • Below 860px the behaviour is unchanged: phones swipe the rail and show the progress track, and no empty band is left where the arrows would have been.

Open the app, go to Sections, and choose Update to latest on Category Cards. Your existing settings are kept.

fix

Coverflow: the text colour settings now actually apply

Title colour, button colour and arrow colour were being overridden by the theme's own styling. They now hold, on every theme.

If you changed Title text on Coverflow and nothing happened on your storefront, that was a real bug, not something you were doing wrong.

The section handed the title colour down from its wrapper instead of setting it on the title itself. In CSS, a colour that is inherited loses to any colour a theme sets directly, no matter how specific ours is, and practically every Shopify theme sets a colour on headings. So the theme won and your setting did nothing. The one thing that did work was the highlight colour on bolded words, because that one was set directly, which is exactly why the section looked like it was half listening to you.

The same thing was happening to two more controls you would have had no reason to connect to it:

  • Button outline & label lost to the theme's link styling, so the button rendered in the theme's link colour, often inside the theme's own grey box.
  • Arrow background and Arrow icon lost to the theme's button styling, so the arrows kept the theme's colours whatever you picked.

What changed

Every colour is now set on the element that paints it, at a strength that clears the theme. Nothing about the settings changed, so your existing picks are still there and simply start showing up.

Two notes on what you will see after updating:

  • The title will switch from your theme's heading colour to whatever Title text is set to. On a fresh install that is white, which is what the section was designed for, since the title sits on a photo. If you had been relying on the theme's colour, set Title text to match.
  • Use theme font is untouched. With it on, the title still uses your theme's heading font. Only a font you pick yourself now overrides the theme.

The label on the title colour setting also said "Title & button text", which was never true, the button has always had its own control. It now just says "Title text".

Coverflow Hang too

The same fix went into Modulo: Coverflow Hang, which shared the same code.

Getting the update

Open Sections in the app, find Coverflow on your installed list, and choose Update to latest. Your slides, images, links and colours are kept, only the section code is replaced.

Thanks to the merchant who reported this. If a setting on any section does not seem to do anything, tell us, the chat at the bottom right reaches us directly.

fix

Product Feature — fixed a €0 price on multi-variant products

Products whose variants have different prices showed 0 instead of the 'From' price. Now fixed.

In the Product Feature section, a product whose variants are priced differently showed its price as zero rather than a "From" price. Products with a single price, or with a variant picker on the card, were never affected.

The fix is live in the section itself, so it arrives with Update to latest on the Product Feature card in your Modulo catalogue. Your existing settings are kept.

improved

Product Quick Buy — choose 1 or 2 products per row on mobile

A new 'Products per row on mobile' setting lets you show two products side by side on phones instead of one.

Product Quick Buy used to drop to a single product per row on phones, with the photo beside the text. That reads well for a few large products, but merchants running a packshot catalogue asked to browse two-up on mobile the way shoppers expect.

There is now a Products per row on mobile setting under Layout, with 1 or 2.

  • 1 keeps the current layout, photo left and details right. This stays the default, so nothing changes on your existing sections until you switch it.
  • 2 keeps the stacked card at half width and automatically stacks the Add to cart and Checkout buttons, so both labels still fit on a narrow card.

Desktop and tablet are unchanged: the section still uses your Products per row setting on desktop, and two per row on tablet.

Also fixed in the same update: on narrow cards the price and the crossed-out original price could run outside the card instead of wrapping onto a second line. They now wrap, which matters most in currencies that print long amounts.

fix

The card photo now follows the variant picker

On Product Picks, Product Shelf and Shop Tabs, the product photo now matches the variant selected in the dropdown, and changes when the shopper changes it.

If a card on Product Picks, Product Shelf or Shop Tabs showed one variant's photo with a different variant's name in the dropdown beside it, that was a real bug. Changing the dropdown did not update the photo either.

Both halves are fixed.

On first paint, the card now renders the photo belonging to the variant the picker actually opens on. It previously rendered the product's featured image, which Shopify defines as the first photo attached to the product and which never reflects a variant. Those two only lined up by luck.

When a shopper changes the variant, the photo, its responsive sources and its alt text all swap with the price. A variant with no photo of its own falls back to the product photo rather than going blank, which is the normal state for something like a size run.

The card's link follows the picker too, so a shopper who chooses a variant and then opens the product page lands on that variant.

Nothing to configure and no new settings. Open the app, go to Sections, and choose Update to latest on any of the three. Your existing settings are kept.

improved

Your unsaved bundle edits can't slip away

Editing a bundle now raises Shopify's own Save bar, and leaving the page with unsaved changes asks first instead of quietly discarding them.

Changing how a bundle looks — swapping the layout, picking a colour, flipping a toggle — never touched your store until you pressed Save. That part was fine. What wasn't fine is that nothing on screen said so. The only hint was the Save button in the top corner waking up, a long way from the control you had just touched, and clicking away from the page took the change with it without a word.

Shopify's Save bar, not ours

Make a change and the admin's own Save bar slides in across the top, the same one you see when you edit a product. Save commits. Discard puts everything back to the last saved version — not to how the page looked when you opened it, so a save you already made is never undone by a discard afterwards.

Leaving now asks

If you try to navigate away with unsaved changes — a link inside the app, the browser Back button, closing the tab — you get asked first. Nothing is thrown away on your behalf.

New bundles are covered too

This used to apply only when editing an existing bundle. A half-built new bundle is the one with nothing saved anywhere to fall back on, so it now gets the same protection.

Saving still works exactly as it did, and the confirmation you get after a successful save is unchanged.

new

Category Pills

A row of category links that works out which one to fill in for you, so shoppers can jump straight to what they came for.

Shoppers who land on your home page and have to scroll past everything to find the one thing they want often do not find it. Category Pills is a single row of links that gets them there in one tap.

It is deliberately just the row. No product grid, no photos to source. Drop it above whatever you already run and it does its job.

The filled pill looks after itself

One pill is filled in and the rest are outlined, so the row always has a place to start. You never have to keep that up to date.

On your home page, the pill you marked as the default is the filled one. On a collection page, the pill for that collection fills itself instead, so a shopper browsing Gut Health can see at a glance where they are and what else there is. Add the section to your collection template as well and it doubles as a way to move between categories.

Because it is worked out from the page itself, it can never disagree with where the shopper actually is, and two pills can never end up filled at once.

What you can change

Every pill points at a collection, or at all products, search, your home page, or a link you type. Leave the label blank and it borrows the collection's name.

The shape is yours: roundness from a full pill down to a square chip, outline width, padding, label size and weight, uppercase, letter spacing, and the gap between them. Separate colors for the label, the outline and the filled pill, with the filled pill's label color worked out for you so it stays readable whichever background you pick.

You can also switch on a real product count per pill, read from the collection itself, and choose whether the row wraps onto more lines on a phone or stays on one line you can swipe.

Getting it on your store

Open Sections in Modulo, install Category Pills, then add it in your theme editor. It ships with seven pills already pointing somewhere real, so it works before you change a thing. Open each one and pick a collection.

fix

Quantity on every product card

Product Shelf and Product Picks now show a size box and a quantity box side by side, so a shopper can buy three of something that has options.

Product Shelf and Product Picks put one dropdown on each card, and what it did depended on the product. A product with options got a size picker and no way at all to change the quantity, so buying three meant pressing Add to cart three times. A product with no options got a quantity picker instead, labelled things like "5KG x 1".

Two different jobs in the same slot. Side by side in one row it read as though the picker had broken on half the cards, which is exactly how it was reported.

Two boxes, on every card

The size and the quantity are now separate controls. Every card has both, so nothing about the row changes from one product to the next, and every product can be bought more than one at a time.

Cards that are wide enough put the two boxes side by side. Narrower cards, and phones, stack them so both stay comfortable to tap. Whichever it picks, it picks the same for every card in the row, so the Add to cart buttons still land on one line.

A product with no options keeps showing its size where the size picker would be, so nothing is lost.

The quantity list follows the size

If you track stock, the quantity list only offers what you actually have. Change size and the list changes with it, and a quantity that is now too high comes down on its own. Shoppers cannot pick a number that would be turned away at the cart.

Take the update from the Sections page to get it.

improved

Bundle block now ships half the JavaScript

The bundle block's script dropped 49% on the wire, from 15.4 KB to 7.9 KB compressed. Same behaviour, nothing for you to change.

The bundle block runs a script on your product page to switch tiers, re-price the cards, and add the right quantity to the cart. That script has been growing for months as we fixed things, and it had become the heaviest file we ship.

It is now half the size: 15.4 KB down to 7.9 KB compressed, a 49% cut. It also comes in under Shopify's recommended ceiling for an app block script for the first time.

What this changes for you

Nothing to click, and nothing to redo. Your bundles look and behave exactly as they did. Your settings, tiers, gifts and design presets are all untouched. The only difference is that product pages carrying a bundle block download less code before the block becomes interactive.

Being straight about the scope: this is one file getting smaller. It helps pages with a bundle block on them, it will not change your store's speed score on its own, and your own images and theme are still the bigger factors on most stores.

How we did it

The script carries a lot of written explanation inside it, notes for whoever touches that code next, and it turned out those notes were 43% of what shoppers were downloading. We had assumed they cost almost nothing, so we had never looked. They did cost something.

The notes now stay in our source and shoppers get a compressed version, so we keep the documentation and your customers stop paying for it. We also added a check that fails our build if this file ever creeps back over Shopify's recommended size, so it cannot quietly grow again.

If you spot anything off with your bundles after this, the chat at the bottom right reaches us.

fix

Category Slider — readable buttons, logo-friendly cards

The button label no longer disappears when you hover a card, and cards can now fit a logo instead of cropping it.

On a store with light text on a dark section, hovering a category card made the button label vanish. The button filled with your Text colour and then printed the label in white on top of it, so if your Text colour was white, the label was white on white. Nothing looked broken until you moved the mouse over a card.

That is fixed, and the fix is structural rather than a one-off patch: the hover colours are now decided as a pair instead of one being fixed in advance.

The new hover setting

Under Slide button there is now a Hover effect control:

  • Swap colors (the new default) — the button's own two colours trade places. Because it reuses the pair you already picked, the label stays exactly as readable on hover as it is at rest, whatever two colours those are.
  • Fill with accent or Fill with text color — the label colour is worked out from the fill, so it can't collide with it.
  • Custom colors — pick the hover background and hover text yourself.
  • No color change.

The same problem existed at rest on the header button when its style was set to Solid: a light Text colour gave you a white button with a white label. That is fixed too, and needs no setting.

Cards for logos and packshots

Three more additions, aimed at stores whose category images are logos or product cut-outs rather than lifestyle photos:

  • Image fitFit inside the card keeps the whole image visible instead of cropping its edges away. Fill the card stays the default.
  • Card background — the colour behind the image, which is what a fitted logo rests on.
  • Shade the bottom of the photo — on by default, since it is what keeps the button readable over a light photo. Turn it off and the grey wash at the bottom of the card goes away, which is usually what you want for a logo on a plain card.

Also fixed

  • A long category name is now shortened with an ellipsis instead of running off the edge of its button.
  • The eyebrow and subheading now stay properly muted on dark sections, rather than rendering the same colour as the heading.
  • Cards with no link are now reachable with the keyboard.

Getting the update

Open Sections in the app, find Category Slider on your installed list, and choose Update to latest. Your headings, colours, images and links are kept — only the section code is replaced.

Thanks to the merchant who spotted the hover problem on their own store. If you see something off on your sections, the chat at the bottom right reaches us.

fix

Product Lineup: the name and price are back on mobile

Phones were being served the desktop hover state, so cards showed no product name and no price. Fixed, plus a new option to put the caption under the photo.

On a desktop, a Product Lineup card shows the rating, name, price and tagline over the photo, and swaps them for the buy button when you hover.

Phones have no hover. They were being handed that hovered state permanently, so every card on a phone showed the buy button and nothing else — no product name, no price, no rating. That's now fixed. On a phone the caption and the button are both visible, at rest, at the same time.

New: choose where the caption sits on mobile

Under Mobile in the section settings there's a new Mobile card layout option:

  • On the photo (matches desktop) — the default, and what your section does now that the caption is no longer hidden.
  • Under the photo — the caption moves off the image onto the card below it, the way most beauty and skincare stores lay out their mobile product cards.

If you pick Under the photo, the text colour is worked out automatically from your Card background so it stays readable, whatever colour you choose. The buy button gets a thin outline if its own colour would otherwise disappear into the card.

Also fixed: your product photo no longer vanishes

Hover photo was always optional, but if you left it empty the card still tried to cross-fade to it — and landed on a grey Modulo placeholder instead of your product. That happened on hover on desktop, and permanently on phones.

Now a card with no hover photo simply keeps the photo you uploaded. If you did upload a hover photo, nothing changes.

Getting it

Open Sections in Modulo, find Product Lineup, and choose Update to latest. Your settings are kept exactly as they are.

Thanks to the merchant who reported this and stayed patient while we chased it down. If something looks wrong on your storefront, the chat at the bottom right reaches us.

improved

Quantity picker for one-size products

Product Shelf and Product Picks now show a quantity dropdown on products that only come in one size, so every card has a working picker instead of a dead label.

If a product came in two sizes, the card showed a dropdown. If it came in only one, the card showed the size as plain grey text, because there was nothing to choose. Sitting side by side in the same row, that looked like the dropdown had failed on half your products.

Those cards now carry a quantity dropdown instead. A 5 kg bag of flour reads "5 kg × 1", "5 kg × 2", "5 kg × 3", so the shopper can still see the size and can now buy more than one without opening the product page.

What this changes for you

Nothing to set up. The setting that controls this is on by default, and it is now called Show variant and quantity picker under the Card group, so it is easier to find. The rule is simple:

  • A product with real options gets the size or option dropdown, exactly as before.
  • A product with one option gets a quantity dropdown.
  • Either way, every card in the row ends up with a dropdown of the same size, so the row stays even.

The quantity list stops at your real stock. If Shopify is tracking inventory for that product and you do not allow overselling, a product with 3 left offers 1, 2 and 3, not 10. We would rather show fewer options than let a shopper pick a number that fails at the cart.

Getting the update

Open Sections in the app, find Product Shelf or Product Picks on your installed list, and choose Update to latest. Your headings, colours, product choices and every other setting are kept. Only the section code is replaced.

Thanks to the merchant who reported this one and sent screenshots. That is what made it clear the row looked broken rather than merely inconsistent. If something looks off on your cards after updating, the chat at the bottom right reaches us.

improved

Category cards: pick a collection and the whole card links itself

Six category and collection sections now take a collection picker, so the image becomes a working link without you finding the Link field first.

If you added one of our category sections, uploaded your photos and then found the images didn't go anywhere, this is why: the card only became a link once you filled in the Link field, and it was easy to miss.

Every one of these now has a Collection picker sitting above Link:

  • Category Circles
  • Category Cards
  • Category Slant
  • Collection Grid
  • Collection Rail
  • Collection Slider

Pick a collection and the whole card — image included — links straight to it. Nothing else to fill in.

Your existing sections are untouched

If you already typed something into Link, it still wins. The collection picker is only used when Link is empty, so nothing you have already set up changes or needs redoing.

Link is still there for anything that isn't a collection: a page, a single product, or an external URL.

The whole card was always the click target rather than just the title — that part hasn't changed. What's new is that it no longer takes a second step to switch on.

Thanks to the merchant who pointed this out. If something in Modulo works but takes more steps than it should, the chat at the bottom right reaches us.

new

Product Shelf: pick a size and add to cart, right from the grid

A product grid where every card carries a size dropdown and its own Add to cart, and every card is exactly the same height.

Until now, a shopper looking at a grid of your products had to open the product page to choose between a 250 ml and a 1 litre. Product Shelf puts that choice on the card: a size dropdown, the price following the pick, and an Add to cart button that opens your theme's own cart drawer.

It sits in Add section → Modulo: Product Shelf.

Every card the same height

This is the part that took the longest to get right. On most product grids a one-line title and a three-line title produce different card heights, so the buttons end up at different heights across the row and the whole thing looks crooked.

Here the buy row is part of the card's structure rather than something sitting underneath it. Every row reserves its space whether or not it has anything in it, so a long title, a missing rating, a discount or a sold-out variant all produce an identical card. The Add to cart buttons line up into one unbroken band across the row.

What's on the card

  • Size or variant dropdown, with sold-out options greyed out and unselectable
  • Star ratings read from your review app, and hidden automatically if nothing in the grid has one
  • Badges from real data only: sold out, a tag you have put on the product, or the discount worked out from your Compare-at price. Nothing invented
  • A subtitle line from your product type, vendor, or a metafield

Tabs, if you want them

Add Tab blocks and each one gets its own collection or hand-picked products, so one section can cover Ghee, Oils and Flours. Add none and it renders as a plain grid with no tabs at all.

The details

Grid or carousel, 2 to 5 columns, 1 or 2 on mobile, square, portrait or landscape images, and every button label editable for any language. The buy row is a real product form, so it still works for shoppers whose browser has JavaScript disabled.

Built after a merchant wrote in asking for exactly this. If something you need is missing from Modulo, tell us in the chat at the bottom right and it may well end up here.

improved

Slideshow Classic: a colour per line of text

Give the eyebrow, heading and subheading their own colours, or leave them empty and keep one colour for all three.

Slideshow Classic used to paint the eyebrow, heading and subheading in a single Text colour. Now each one can have its own.

Open Colors and you will find three new pickers under Text: Eyebrow color, Heading color and Subheading color. Leave any of them empty and that line keeps following the Text colour exactly as before, so nothing changes on the slideshows you have already built until you decide to change it.

A small detail worth knowing: the eyebrow and subheading are normally softened slightly so the heading leads. The moment you choose a colour for one of them, that softening lifts and you get the exact colour you picked. A softened colour blends with the photo underneath, so it is never quite the colour on the swatch.

Also fixed: on some themes the slideshow text was picking up the theme's own heading and paragraph colours instead of the Text colour you had set. That showed up most often as dark text sitting on a dark photo. The slideshow now states its colours outright, so your setting wins.

new

Compare Showcase — your product, between the pitch and the proof

A comparison section that puts your packshot centre stage, with a glass table and one highlighted column.

Every comparison section we shipped before this one asked you to choose: sell the product, or compare it. Compare Showcase does both on one row — your copy and benefits on one side, your product photo lit in the middle, and the comparison table finishing the row.

The table can be glass. Turn it on and the surface goes translucent and blurs whatever is behind it, with opacity and blur on their own sliders. Because that only works when there is something to blur, the section carries its own background — a solid colour, a gradient, or your own photo with an adjustable darkening layer — plus a soft glow that follows the product wherever you place it.

One column can be highlighted, filled top to bottom with a colour or a gradient that runs the full height of the table as a single continuous band.

Also in the box:

  • Unlimited feature rows, added as blocks — check, cross, dash, or your own text
  • Up to three columns, each with its own name and second line
  • Separate desktop and mobile product images, placed in the middle or on the left
  • Row spacing, dividers, roundness, shadow and check size
  • On mobile, fit every column on screen or let visitors swipe across
  • No JavaScript at all
new

Slideshow Glass: a slideshow you browse instead of click through blind

Every slide gets a thumbnail next to a slide counter, the text sits on a frosted card you can size and shape yourself, and any slide can carry a looping video.

Dots tell a shopper how many slides there are and nothing else. Slide 3 is only ever reached by clicking twice and hoping it was worth it — which is a real cost when your slides look alike, as they do in a lookbook, a seasonal campaign or a set of category shots.

Modulo: Slideshow Glass puts a thumbnail of every slide on a frosted panel in the corner, next to a slide counter. Shoppers see the whole set at a glance and jump straight to the one they want.

The card is yours to shape

The slide text sits on a card, not on a flat wash over the photo. You control its width, its spacing, its corner radius, its border, its tint, and how much of the photo shows through the frost — independently of the image behind it.

Three styles:

  • Frosted glass — the default. The photo blurs through the card.
  • Solid — a flat panel, no blur.
  • No card — the text sits directly on the photo, which is what Modulo: Slideshow Classic already does. If that is the look you want, Classic is the simpler section for the job.

Video slides

Any slide can carry a video instead of an image. It plays muted on a loop, shows its cover frame until it starts, and comes with a pause control. It does not play at all for shoppers who have "Reduce motion" turned on in their device settings.

The rest

  • Up to 12 slides; a single slide renders as a plain static hero with no navigation at all
  • Per slide: eyebrow, heading with a highlighted word, text, and up to two buttons (solid, outline or text link)
  • Optional whole-slide link, for photos that already carry their own wording
  • Thumbnails, arrows and the counter each switch on or off separately for desktop and mobile
  • Thumbnails are off on mobile by default, where they are too small to read — the counter and arrows carry navigation there
  • Autoplay is off by default, because rotating heroes tend to lose engagement on later slides

Adding it

Open your Modulo section catalog, find Slideshow Glass under Slideshow, and add it to any page. It looks finished before you upload anything, so you can drop it in and fill it out afterwards.

new

Bundles: eight design presets, one click each

Pick a complete look for your bundle widget from eight presets, then set how tight or roomy it sits. Anything a preset writes can still be hand-tuned afterwards, and you get a count of what a preset would overwrite before it does.

Styling the bundle widget used to mean working through the Appearance panel one colour at a time: card fill, selected fill, border, border on hover, price, compare-at price, label, badge, radio. Getting a look you were happy with took a lot of small decisions, and getting back to one you had before took just as many.

There is now a Design preset control at the top of the Advanced tab. Eight presets, each a complete look: Match my theme, Classic, Filled, Soft, Bold, Editorial, Midnight and Ticket. One click sets every colour, border, shadow, badge and radio style together.

Match my theme is worth calling out. Instead of shipping its own colours it inherits your storefront's, so the widget takes on the text colour and surface your theme already uses.

Under the presets is a Density control: Compact, Default or Roomy. It scales the preset's own proportions rather than replacing them, so Compact keeps five or six tiers above the fold on a phone while Roomy gives bigger touch targets and prices that carry across the page. The badge ribbon scales with it too, so a "Most popular" tag grows along with the card it sits on instead of staying small. Switching density keeps the preset you picked.

A preset replaces the fields it manages, so if you have already hand-tuned your colours, clicking one tells you exactly how many of your values it would overwrite and waits for you to confirm. Fields no preset touches, like your gift colours and image settings, are carried through untouched and never counted. Nothing is saved until you press Save, so you can always leave without saving.

After applying a preset you can still change anything in the Appearance panel below. The preset is a starting point, not a lock.

The preview beside the form now renders presets through the same code the storefront uses, so what you see while choosing is what your shoppers get.

improved

Header Pill: live cart count and a built-in cart drawer

The cart count now updates the instant something is added, from anywhere on the page, and tapping the cart opens a real drawer instead of only loading the cart page.

Two changes to Modulo: Header Pill, both from a merchant report.

The count is live now

The cart badge was written once, when the page was built. That was correct on every page load and wrong from the first add onwards: if a shopper added something without the page reloading, the number sat still until they navigated somewhere else.

Themes keep their own cart badge current, but they do that by re-rendering their own header, which is the section you switched off in order to use this one. So the update never reached us.

The header now watches the cart itself. Any add, quantity change or removal, from anywhere on the page, updates the badge within a moment. That includes:

  • your theme's own add-to-cart button on a product page
  • Frequently Bought Together, Volume Bundles, Sticky Add to Cart and Quick Buy
  • other apps that write to the cart

Nothing to turn on. It applies as soon as you update the section.

The cart opens a drawer

Tapping the cart used to do one thing: load the cart page. Now it slides open a cart drawer with the items, quantity controls, remove, the subtotal and a checkout button, so shoppers keep their place on the page.

The drawer is the header's own rather than a hook into your theme's. That is deliberate: most themes keep their cart drawer inside their header section, so it disappears along with the header you replaced. Building ours means it works the same on every theme.

You can switch back at any time under Icons → Tapping the cart → Goes to the cart page.

Updating

Open the section in your Modulo catalog and choose Update to latest. Your settings are kept.

improved

Bundles: one dropdown per option, not one per variant

With Let Customers Pick Each Variant turned on, a product with more than one option (color and size, for example) now shows a separate dropdown for each, instead of one long list of combined variant names. Combinations you don't stock are marked as the shopper picks, and picking your way into one blocks Add to cart with a clear message.

If you use the Let Customers Pick Each Variant setting, each unit in the bundle gets its own dropdown so shoppers can choose a variant per item, not just a quantity. Until now, that dropdown listed every variant by its full name, so a product with color and size options showed a single list like "Black / S", "Black / M", "White / XXL", and so on. The more options a product had, the longer and harder to scan that list got.

Each unit now shows one dropdown per option instead: a Color dropdown and a Size dropdown, side by side. Shoppers pick color, then size, the way they would on your product page.

As they pick, any value that would lead to a combination you don't stock is marked, so it's clear before they commit to it. If a shopper does land on a combination that isn't available, Add to cart is blocked and a message tells them so, rather than adding the wrong thing silently.

Nothing to set up. Existing bundles with the setting already on pick this up automatically. Products with only one option are unchanged, and bundles that don't use the per-unit picker aren't affected at all.

fix

Heading size and header spacing you can actually change

Two settings in Video Social, Video Minimal and FAQ Pills were being overridden by the stylesheet on smaller screens. Mobile heading size now responds, and there is a new control for the gap between the header and the content below it.

Merchant-reported, and worth explaining because the shape of the bug is a useful one to know about.

The heading that would not change size

In Video Social and Video Minimal, the Heading size slider goes from 26px to 72px. On a phone it did nothing at all. Every value produced the same result, around 35px, because the stylesheet was setting its own fixed size below 480px rather than reading yours.

There is now a separate Heading size (mobile) control, so phones and desktop can each get a size that suits them. The desktop slider keeps working from tablet width up, exactly as before.

If you had been fighting this one, you were right, it was not you.

A gap you could not adjust

The space between the header and the content underneath it was baked in: 40px in the video sections, 44px in FAQ Pills. Some layouts want it tighter, some want room to breathe, and there was no way to ask.

Space below header is a new setting in all three sections. Set it to 0 to pull the content right up under the heading, or open it up to 96px. It scales down on smaller screens on its own, so you set it once and it stays sensible on a phone.

FAQ Pills had the same problem waiting one layer deeper, with a second fixed value for mobile that would have quietly cancelled the setting out. Both are fixed.

Getting it

Open Sections, find any of the three, and choose Update to latest. Your existing settings and content are kept. If you had never touched these sections, everything looks exactly as it did, with two more controls available.

new

Five 404 sections, so a dead link stops being a dead end

The catalogue had nothing for the page a shopper lands on when a link breaks. Five treatments now cover it, from a quiet photo split to one that puts a real product row under the apology.

Every store has a 404. Almost nobody designs one, because it is the page you never look at. Your shoppers do, though, and by definition they got there wanting something specific and not finding it. Most themes hand them a sentence and a link back to the homepage, which is roughly the retail equivalent of pointing at the front door.

Five new sections, in a new 404 & Utility category. Each is built around a different answer to the question of what a lost shopper actually needs.

404 Wayfinding

Read as a transit sign rather than an error dialog. An oversized numeral, a rule that bleeds off the edge, then the two things that actually recover the visit: your store's search, and a short row of quick links. The numeral breaks out of the text column and comes to rest against the photo's edge, so the two halves of the section touch.

Search here is a plain search, landing on your normal results page. Nothing to configure, nothing loading in the background.

404 Split

The same idea with everything optional taken away. Full-height photo, big code, one sentence, one button, and a left-or-centre toggle. Where Wayfinding tries to route the shopper onward, this one just apologises well and gets out of the way. Signal red on white, deliberately the opposite tone to Wayfinding's mineral and pine.

404 Console

For stores whose photography is supplier packshots on white. There is no photo slot at all, so what you install is the finished design, and a white packshot never gets stretched edge to edge on the one page whose job is proving the site is not broken.

Search is the biggest control on the page, because these shoppers usually arrive holding an exact string: a model number, a SKU, a product code. Under it, routes split into a Shop column and an Account column. That second column is the point. On a gated or wholesale catalogue, a URL 404s for a signed-out buyer, and "sign in and try again" is the only recovery that exists for them.

404 Directory

A departures board. Numbered rows on hairlines that flood with your accent colour on hover, each row a whole department rather than a product. Built for broad catalogues where the fastest way back is a category, not a search.

Pick a collection on a row and the title, link, cover image and product count fill themselves in, using your own store photography and your own real count. Nothing is invented.

404 Recovery

The one that keeps selling. A bold error lockup sits above a row of real products from any collection, both halves inside a single outlined plate, split by one hard rule. It reads as one poster, not a section with a rail bolted underneath.

Bold a word in the heading and it gets a highlighter swipe rather than a colour change. That is not a style choice: a yellow bright enough to read as your brand accent is unreadable as text (the default measures about 1.4:1 on white). Making it the background instead, and picking the ink to sit on it, means a bright accent stays legible.

Adding one

These only appear on the 404 template, so the theme editor will not offer them on a regular page. In the editor, open the template picker at the top, choose Others → 404, then Add section. Installing from the catalogue takes you to the right place automatically.

Nothing here uses JavaScript, and every route resolves through your store's own URLs, so the links keep working across every language and market you sell into.

new

Social UGC: three new sections, plus Facebook everywhere

Frame customer clips as real social posts. Two new sections for feed and reel layouts, a video testimonial coverflow, and Facebook now sits alongside TikTok, Instagram and YouTube across every video section.

Customer clips convert better when they look like what they are: somebody else's post, not your ad. A watermark in the corner of a video reads as our footage with a logo on it. The frame around the video is what changes that, so this release is mostly about frames.

Social Post

The feed frame. A 4:5 clip sits inside card chrome (avatar, handle, platform mark, caption, engagement row), the way a post looks in the app it came from. Add posts as blocks, upload the clip, type the handle and caption.

The caption does one clever thing: type a plain sentence and every #hashtag colours itself in your accent. No separate field, no markup. It matches on the first character only, so a product name like size#2 stays plain text.

Engagement counts are yours to type, and they stay exactly where you put them. Nothing ticks upward on its own, and the row is deliberately not clickable, because a like button that does not like anything is a dark pattern (and in the EU, a legal problem).

Social Reel

Same content, vertical frame. A 9:16 clip with the chrome laid over the video instead of around it, four across, which is the shape TikTok, Reels and Shorts actually are. Ships on a white page so the dark clips carry the section.

Both frames loop, optionally: reach the last post and the first one is already there, no snap back to the start.

Video Coverflow

A depth carousel for video testimonials. The centre clip comes forward, its neighbours fall back and dim, and a band across the bottom carries the name, a verified seal, a short detail line and stars. Two treatments: a smoked band for dark footage, frosted glass for bright.

Worth knowing, since it caused some rework here: gold stars are invisible on frosted glass (they measure roughly 1.2:1 against it). The frosted treatment swaps to a dark ink for the stars instead of quietly shipping something unreadable.

Facebook, everywhere

Facebook was missing from every video section. It now appears alongside TikTok, Instagram and YouTube in Video Social, Video Social Minimal and Clip Showcase, with a proper full-colour mark, and both new sections support it out of the box.

If you already have one of those three installed, open it from the catalogue and choose Update to latest. Your settings are kept.

One thing to check before you post

Re-uploading someone's clip needs their permission, whatever the platform's own terms say about sharing. The sections say so in the editor for a reason. Ask the creator first, and the default subheading ("re-shared with their permission") stays true.

fix

Fixed: popup sections printed stray font code on the page

Four popup sections leaked their font styling onto the storefront as visible text. The styling is now applied properly instead of printed. Also fixed: removing a section no longer deletes a file that another installed section still runs on.

Four popup sections were writing their font styling into the page as ordinary text rather than as styling. The result was a block of code sitting on the storefront, usually near the top, starting with @font-face and naming the two fonts the popup uses.

It looked like a broken page. Nothing was actually broken underneath, and the popup itself still worked, but the stray text was visible to shoppers on every page the popup was enabled on.

The affected sections are Promo Popup, Signup Popup, Popup Studio and Reveal Popup. The styling is now applied the normal way, so the text is gone and the fonts still render exactly as configured.

Picking up the fix

Sections are installed as a copy in your theme, so this does not reach you on its own. Open the section in the Modulo catalog, and where it says Update available, choose Update to latest. Your settings, colours, text and images are kept: only the section's code is replaced.

If you had hand-edited the section file in your theme's code editor, that edit is replaced by the update.

Also fixed: removing a section could fail, or take a sibling down with it

Some sections share one engine file. The five countdown and sale sections all run on the same countdown script, and the stats, news, blog, feature and video pairs each share one too.

Removing one of those sections used to delete that shared file, which left the other sections still on your theme without the script they run on. It could also fail outright with a "file does not exist" error, if a shared file had already been removed that way, leaving a section you could not remove at all.

Removing a section now keeps any file another installed section still needs, and removes only what nothing else is using. If a file is already gone, removal finishes cleanly instead of erroring.

July / 2026

July

34 shipped
new

Compare Matrix — feature table with unlimited rows

Compare two or three products across as many rows as you need, with one column lifted onto the table as the pick you want shoppers to make.

Shoppers deciding between your good, better and best model want one screen that answers every question at once. Compare Matrix is that screen.

Add as many comparison rows as you need — each one is a block, so you can reorder and remove them like any other content. Set up two or three product columns, each with its own heading and an optional logo or product shot.

One column is the pick. The highlighted column lifts off the table as a solid panel that overhangs it top and bottom, carries a badge, and holds the section's only button — so the column you want chosen is the one shoppers can act on. Or turn the highlight off entirely for a neutral spec table.

Every cell is one of four things: a yes, a no, a not-offered dash, or free text like "3 years". The icons ship as two matched sets, outline and filled, chosen once for the whole section — so a row can never come out half-outline and half-solid. You can upload your own artwork for any of the three states.

Colours are yours: the table fill defaults to the section background so the borders alone draw the table, and you can recolour the borders, the highlight, the badge and each icon state independently. Label column width, border thickness, corner radius, row height, and separate heading sizes and padding for mobile are all adjustable.

Three product columns plus labels fit on a phone with no sideways scrolling. On narrow screens the button steps out of the highlighted column and becomes a full-width bar under the table.

No JavaScript, and nothing shifts as the page loads.

new

A header you can actually replace

Header Pill is the first header in the catalog: a floating capsule that rides over your hero image, then turns solid and tightens as you scroll. Drop-down menus, a slide-down search panel and a cart count included.

The catalog has had 195 sections and no header. That is a strange gap, because the header is the one component every shopper sees on every page, and the one most themes give you the least control over.

Header Pill is a full replacement. Your menu sits on the left, your logo in the centre, and search, account and cart on the right. It is shaped as a floating capsule rather than a full-width band, so it reads as part of your design rather than a strip bolted to the top of it.

It changes as the page moves

Switch on "Sit over the first section" and the header starts transparent, floating on top of your hero image so the photo runs edge to edge with nothing cut off the top of it. The moment you scroll, it turns solid, shortens, narrows slightly and lifts onto a soft shadow.

You can upload a separate light version of your logo for the transparent state, and set the link colour that reads over your particular hero.

The menu, search and cart

Menu items with a drop-down open a panel on hover, and become a tidy accordion in the mobile menu. The whole thing comes from a menu you pick in Shopify, so it stays in step with your navigation without a second place to edit.

Tapping search slides a full-width field out from under the bar. It searches your store the normal way, with no extra scripts loading on your storefront.

The cart shows a live item count and links straight to your cart page. This header does not open a cart drawer, by design: your theme already owns that behaviour, and two competing drawers is worse than one.

Before you add it

Header Pill goes into your theme's Header area. Remove or hide your theme's own Header section there first, otherwise you will have two headers stacked on top of each other.

No logo uploaded yet? It falls back to your store name beside a monogram tile, so it looks finished from the first install.

Also

Set the corner radius to 0 with no side spacing and you get a classic full-width bar instead of a capsule. Bar height, spacing, max width, link size and every colour are adjustable, separately for desktop and mobile where it matters.

improved

Sections that need setup now say so

Twenty sections depend on something you create in Shopify, like a discount code or a published blog post. The section preview now tells you which one, before you add it, and links straight to the right screen.

Some sections cannot work on their own. A popup that shows a discount code does not create that discount: it displays the code and applies it at checkout, and your own discount rules decide everything after that. Until now nothing said so, so the first sign of a problem was a code that appeared to do nothing.

Twenty sections have a dependency like that. Opening any of them in the catalog now shows what it needs, above the Add to theme button, with a link that opens the exact screen in your Shopify admin where you can set it up.

There are four kinds:

  • A discount code, for the popup, countdown and sale sections that display one.
  • A published blog post, for the blog sections. With no articles they render as an empty strip rather than an error.
  • A reviews app, for the sections that show star ratings. Without one the stars stay hidden and the rest of the section works normally.
  • A best-selling collection, for Best Sellers. The ranking tabs only appear when the collection you pick is sorted that way.

One detail is worth calling out, because it is the most common cause of a code that looks broken: the discount type has to match the offer. A buy-one-get-one needs a "Buy X get Y" discount. Created as a percentage, the code will apply correctly and the second item still will not be free.

Also in the catalog

The "New this week" tab is gone. It filtered to the same sections the catalog already lists first, so it was a control for something the default order was doing anyway. New sections now carry a New badge on the card instead, which stays visible whichever category or sort order you are browsing.

Filter counts now match what you will actually get. Pick a category and the tab counts narrow with it, rather than continuing to count the whole library, and a tab with nothing in it no longer shows a zero.

Your filters are also part of the page address now, so a refresh keeps them and you can send someone a link to exactly the view you are looking at.

new

Introducing Modulo Pro

A paid Pro plan alongside a free plan. Free stays free for 5 installed sections plus three product page blocks. Pro unlocks unlimited sections, all 18 blocks, and bundles. Nothing changes today.

We are introducing a paid Pro plan. Here is what it will look like, and what changes for you today: nothing.

Free stays free for up to 5 installed sections, section updates, the full Insights dashboard, and three product page blocks — payment icons, description, and specs.

Pro, at $14.99 a month with a 7-day free trial, unlocks unlimited sections, all 18 product page blocks, and unlimited bundles.

What this means if you already use Modulo

Your sections stay where they are. Everything already installed on your theme keeps working and keeps receiving updates, whichever plan you are on, and that stays true if you subscribe and later cancel.

The one thing that will change is blocks. Beyond the three that stay free, the remaining product page blocks will need Pro. That is not switching on with the plans — it is a separate change, later, and we will email you before it happens rather than letting a block quietly stop showing on your product pages.

What we will not do

Cancelling will never remove anything. Sections already installed on your theme and bundles already live keep working. We do not reach into a store you have already built.

new

Founder Story: the About-page teaser for your homepage

A photo-and-panel split that tells your origin story in one paragraph and sends shoppers to the full About page with a Read-our-story button.

The About category gets its sixth member, and the one built for the homepage. Founder Story fuses a founder photo edge-to-edge with a warm text panel: a small eyebrow, a two-voice headline where the words you bold turn serif italic in your accent color, one paragraph of origin story, an italic sign-off with a small-caps role line, and a Read our story button that points at your About page.

It fills the gap between the family's other shapes. Founder Letter is the full About-page letter and deliberately carries no button; Founder Note is a thin quote ribbon. Founder Story is the full-weight version for your homepage: enough story to build trust, one clear action to read the rest.

Everything is yours to recolor — panel, text, accent and button — and the photo swaps left or right. The button stays hidden on your live store until you choose a link, so nothing half-configured ever ships. Zero JavaScript.

new

New Blog category: Blog Rail + Blog Slider

Two article carousels that read your real blog: pick a blog and the latest posts appear, complete with tags, dates and a computed reading time.

Stores that write — guides, lookbooks, care instructions — finally have somewhere to put it. This release adds a new Blog category with two sections that read your actual Shopify blog, so the cards fill themselves.

Both work the same way underneath: pick a blog and the newest posts flow in automatically, or add Article blocks to curate the line-up by hand, each with an optional custom description that overrides the excerpt.

Blog Rail

The elevated take. Every card carries chrome that only real articles can produce: the post's first tag as a frosted chip over the photo, the publish date, and a reading time computed from the article's own word count. Cards lift on hover with a slow photo zoom, arrows page the rail, and a sliding progress thumb tracks where you are. A fractional slides-per-view (3.3 out of the box) leaves the next story peeking in, which is what makes people scroll.

Blog Slider

The quiet take. Hairline-bordered cards with the photo up top and a title plus short description below — nothing else. Photos keep their natural proportions by default, like a magazine contact sheet, and the floating arrows fade away when you reach either end.

new

Marquee Wave + Brand Stamps: a wavy marquee and hand-drawn brand emblems

Statement text that genuinely bends along a curved ribbon, and a strip of boutique brand stamps with your own name in the ring: no uploads needed.

Two new sections built for beauty and botanical brands (and anyone who wants their store to feel hand-finished).

Marquee Wave

Every marquee until now scrolled in a straight line. This one rides an actual wave: the phrase scrolls seamlessly along a curved ribbon and every letter tilts with the curve. Pick the wave height, ribbon thickness, speed and direction, join multiple phrases with a dot, star or heart, and recolor the ribbon and text to match your brand. On phones the band redraws at a larger scale so the type stays readable, and with reduced motion it renders as a static curved phrase, so nothing is lost.

Brand Stamps

A row of circular boutique brand stamps that looks designed the moment you add it. Six hand-drawn line-art emblems ship as defaults: a botanical sprig, a serif monogram, a wreath, a laurel, a lotus and a quality seal. The ring text around each stamp is yours to type and always spaces evenly around the circle; the monogram letter and the established year are editable too. Or upload your own logo and it replaces the art entirely. Each stamp pairs with an uppercase serif title and a soft tagline, side by side or stacked. Zero JavaScript.

new

New About & Team category: five sections for your story

Founder Letter, Values Band, Team Grid, Brand Timeline and Founder Note: a matching family for the About page every theme neglects.

Every brand-led store has an About page, and the theme default is almost always the weakest page on the site. This release adds a new About & Team category with five sections designed as one family, so you can compose a full About page (or drop a single piece onto your homepage) and have it read as one system.

Founder Letter

Your origin story composed as an actual letter: a dateline, a serif body with a drop cap, and an italic sign-off over a hand-drawn underline, next to a portrait. Narrative by design, with no sales chrome in the way.

Values Band

Brand values at manifesto scale. Each value is an oversized statement beside a short, checkable promise, separated by hairlines. No icons, no numbered lists, just conviction.

Team Grid

Team photos never match, so this grid unifies them with a duotone tint that warms to full color on hover. Every person gets a name, role and a personality line with a small icon marker. No photo yet? The card renders a clean monogram instead. An optional "the next chair is empty" hiring strip closes the section.

Brand Timeline

Company milestones down a hairline spine with oversized years. Years are free text, so "Day one" and "Today" work as well as dates, and you can highlight the current chapter.

Founder Note

A thin ribbon with one line from the founder, an avatar chip and an arrow link to the full story. Built as the homepage teaser for your About page.

All five ship with zero JavaScript, polished defaults, and the usual color, width and spacing controls.

new

New Stats category — Stats Rail & Stats Dial

Swipeable proof cards that put a percentage ring straight onto the photo, plus a new Stats category that surfaces two sections you couldn't previously find.

If you sell on measured results — a survey, a consumer study, a satisfaction figure — the number usually ends up in a bare row of digits, a long way from the photo that makes it believable. These two sections put the two together.

Stats Rail

A swipeable set of proof cards. Each one carries its own photo with a progress ring and a big percentage laid over it, a single line of survey copy underneath, then a coloured panel with a short label and the explanation.

The ring fills and the number counts up from zero as each card scrolls into view.

Stats Dial

The same cards, with the gauge moved onto the seam. The dial hangs half over the photo and half onto the panel below, tying the picture and the text into one object rather than a photo with a caption under it. Here the dial takes your accent colour instead of white.

If your accent sits too close to your card colour to stay visible, the dial quietly switches to your text colour so it never disappears.

Cards that line up

Product copy is never the same length twice, and rows of cards usually end up ragged because of it. These don't: every card in a row matches the tallest, and the coloured panel stretches to fill, so the photos sit on one line and the panels form an even band.

If a short description leaves more empty space than you'd like, turn on Trim long descriptions to cap the longer ones instead.

One number, not two

The percentage is a single slider. It sets the figure you see and how far the ring fills, so the two can never drift apart — no ring showing 90% next to a number reading 94%.

A new home for your numbers

There's now a Stats category in the section catalogue. Alongside the two new sections you'll find two that were already built but hard to come across: Stats, for headline figures beside a photo, and Stats Progress, for animated horizontal bars. Nothing about them has changed — they're just findable now.

Everything else

Slides shown, spacing, image shape, card corners, ring size, photo shading, button, arrows, counter, colours, type sizes, width and padding are all yours. Add up to twelve slides and drag to reorder. Both sections render polished the moment you add them, work down to phone width, and hold still for anyone who prefers reduced motion.

new

Four new newsletter treatments

A photo split, a welcome offer with a coupon and countdown, an editorial statement, and a perks-led club. Four email-capture sections for four kinds of store.

Your homepage had one newsletter section. Now it has more, and the four new ones each take a different approach, so you can pick the one that fits your store instead of bending the only option you had.

Newsletter Photo

A lifestyle image beside the signup as equal partners, not text dropped over a banner. Best for beauty, skincare and food, where the photo does the selling. Put your image on the left or right; until you add one, a warm gradient placeholder keeps it looking finished.

Newsletter Offer

Trade a discount for the signup. A perforated coupon ticket carries your offer, a tap-to-copy code, and an optional countdown. The timer is rendered on the server so it never shifts the page, and if you leave the end date empty, no timer shows on your live store. You never display a fake clock. The code is yours to type: create the matching discount in Shopify and the section presents it.

Newsletter Note

The quiet one. An oversized heading over a single underline field with a circular arrow submit. Built for fragrance, luxury and minimal brands, where restraint is the point.

Newsletter Club

Sell the reasons to join. A row of member-perk tiles (member pricing, early access, whatever you offer) sits under the form so the ask is worth it. Made for outdoors, loyalty and subscription stores.

All four post through Shopify's own customer signup with no third-party script, tag each subscriber so you can segment them, and ship fully recolorable with a polished default out of the box.

new

Product Quick Buy — finish the sale on the grid

A packshot grid where every card carries Add to cart and Checkout now side by side, so shoppers never need the product page to buy.

Every product section in Modulo so far has sent shoppers to the product page to buy. Product Quick Buy closes on the grid instead: each card carries Add to cart and Checkout now side by side.

It's built for curated commercial rows — bundles, summer deals, a hand-picked "ready to ship today" set — where the shopper already knows what they want because the grid just told them, and a second page load is friction you're choosing to impose.

The buttons fill as you hover

Both buttons fill left to right on hover, and drain off the right when you leave rather than snapping back. It's a small thing, but it's the reason the section exists: the products these grids sell are usually the kind that charge, and a fill that only ever runs forward reads like a battery topping up.

Keyboard users get the same fill on focus, and it turns into an instant state change if the shopper has reduced motion switched on.

It won't sell someone the wrong thing

  • Products with more than one variant say "Choose options" and link to the product page. They never quietly add a size or colour the shopper didn't pick.
  • The percent-off flag is calculated from your Compare-at price — you can't type a number into it. No compare-at price, no flag.
  • Sold-out products keep their place in the grid and say so on the button.
  • Real errors surface on the button. If something sells out between the page loading and the click, the shopper sees Shopify's actual reason rather than a generic failure.

One note on Checkout now: it adds the product and then takes the shopper to checkout with their whole cart, exactly as if they'd hit the cart page and pressed through. That's why it isn't called "Buy now" — it doesn't buy that one item in isolation. If you'd rather only offer one button, a single setting switches to Add to cart only or Checkout now only.

Setting it up

Point it at a collection, or hand-pick up to 24 products when you're curating something specific. Choose 2–5 products per row, set your colours, and every button label is yours to rewrite in any language.

Find it under Products in the section catalog.

new

Two new trust bands — Trust Emblems & Trust Checkout

A promise band built from soft-3D emblems, and a checkout strip that pulls your real payment icons straight from your Shopify settings.

Two new sections in the Trust category, for the strip of promises that sits under your hero or above your footer.

Trust Emblems

The reassurance strip, told in objects. A rocket, a shield, a padlock and a calendar sit on the band as real 3D art beside a bold label and a quiet line of detail. They drift gently, and lift when a shopper hovers one.

Twelve emblems to choose from — rocket, clock, shield, lock, calendar, medal, card, thumb up, crown, gift, umbrella, trophy — or upload your own. Add up to six promises and drag to reorder.

A note on wording: pick the emblem that fits, then say the promise in the label. There's no delivery-truck emblem, so a rocket with "Free shipping · Ships in 24 hours" does the job — the words carry the meaning, and the art carries the feeling.

If your band is dark or sits on a photo, turn on White disc behind each emblem to keep the art's edges readable.

Trust Checkout

A claim and its evidence in one card. Your promises run across the top; below a hairline seam sit the official icons for the payment methods you actually accept.

Those icons are read live from Settings → Payments. There's nothing to upload and nothing to keep in sync — turn on a new payment method and it appears here on its own, in Shopify's official artwork. You can upload your own logos instead, or switch the icons off entirely and use it as a clean claims strip in a footer.

The claim icons are all drawn from one family, so any combination you pick stays visually consistent.

Both

Every colour, size and spacing is yours: solid, gradient or transparent backgrounds, uppercase labels on or off, dividers and band rules, emblem size, and full control over width and padding. Both render polished the moment you add them, both work down to phone width, and both respect reduced-motion settings.

new

Best Sellers — a product rail that has to earn the claim

Rank badges appear only when your collection is actually sorted by best selling. Sort it any other way and they disappear, along with the claim.

Most "popular products" sections say it in the heading and prove nothing on the card. This one reads your store's own data and only says what the data supports.

The ranking is real or it isn't there

Sort a collection by Best selling and the rail numbers your top three — a filled badge on number one, quieter numerals on two and three — with a small "Ranked by sales" note under the heading.

Sort that same collection alphabetically, or by price, or by date, and the badges and the note both disappear. Nothing is left on the page claiming a ranking your store can't back up. You get a clean product rail instead. There's no field to type a fake rank into, because there shouldn't be.

If you turn rank badges on and the collection isn't sorted for it, the theme editor tells you exactly where to fix it. Your shoppers never see that hint.

The rest of the card is honest too

  • Stars come from your review app. A product with no reviews shows no stars, rather than an empty zero.
  • Sale prices come from your compare-at price — a real strikethrough, a real percentage.
  • Sold out comes from real inventory.
  • One badge per card. Sold out always shows. A number-one that's also on sale keeps its rank and drops the sale chip, because the strikethrough already tells that story.

Details that matter on a real storefront

Product titles reserve two lines, so prices stay on one baseline across the row instead of stair-stepping. Arrows sit beside the heading with real disabled states at either end, and they're hidden on phones — nothing covers a product photo. Ranks stop at third place, because a card reading "#7 best seller" is noise.

Thirty settings, not a hundred and sixty. Every one of them is a decision about what you're selling.

new

New section: Collection Wall — tabs over a full product grid

Tabs that swap a whole grid of products, not a carousel. Shoppers see the full set at once. Each tab's button writes its own label, and Save % and Sold out badges are read from your real prices and stock.

Collection Wall is the shape our Collection family was missing. Collection Tabs gives you a side rail and a carousel; Collection Promo pairs tabs with a promo card. This one does the obvious thing neither did: tabs across the top, then a full multi-row grid underneath, so a shopper sees your whole Best Sellers set at once instead of scrolling sideways through it.

What makes it land:

  • The button writes itself. Add a tab called "Best Sellers" and its button reads Shop all Best Sellers. Four tabs, zero button labels typed. Override it per tab if you want something else.
  • Badges you can stand behind. Save 14% is calculated from the real compare-at price you set, and Sold out comes from real stock. Nothing is invented, and nothing fake ever reaches a shopper.
  • Phones get two products, not one. The grid becomes a swipeable rail showing two products with the next one peeking in, so there is always a reason to keep going.
  • Hand-pick or point at a collection. Each tab takes a collection, or a hand-picked list of products in exactly the order you choose.
  • Lead with the tabs if you prefer. The heading is optional. Switch it off and the tabs sit at the top of the section.

Settings cover what you would expect and stop where it helps: tab colours and sizes for desktop and mobile, products per row on each, image orientation and roundness, title and price sizing and colour, a separate sale colour, and the usual background, width, padding and margins.

One deliberate choice worth calling out: button styling is set once for the whole section, not per tab. Styling the same button four times is four chances for them to drift apart. Each tab controls its own content — name, products, and where the button goes.

Read more
fix

Fixed: Product Slider now shows your real products

Product Slider was showing its example products instead of the ones from your collection. It now reads your collection and hand-picked lists correctly. Update the section to get the fix.

Product Slider had a bug that made it show its built-in example products — the placeholder tiles you see before setting anything up — even after you picked a collection. Hand-picked product lists were affected the same way.

This is fixed. The section now reads your collection and your hand-picked lists as intended.

If you already have Product Slider on your store, open the section catalog in the app and choose Update to latest on it. Your settings are kept — only the section's code is replaced.

Apologies for the noise on this one. Product Slider shipped on 7 July, so any store that added it in the last week was affected.

Read more
improved

Slideshow Classic — link the whole slide

Make the entire slide image clickable, so designs with text and buttons baked into the photo link straight through.

Slideshow Classic slides could only be clicked on their buttons. If your slide artwork already has the headline and a "Buy now" laid into the photo, there was nothing to click.

Each slide now takes an optional Slide link. Set it and the whole image becomes clickable, so you can design the slide exactly how you like and let the entire thing lead to one destination.

A few details worth knowing:

  • Buttons still win. If a slide has both a slide link and buttons, each button keeps its own destination. Only the area around them follows the slide link.
  • Swiping still works. Swiping a linked slide on a phone changes the slide instead of opening the link.
  • Add a link description. A whole-slide link has no text of its own, so screen readers need one. It falls back to the slide heading, then the image's alt text.

Leave the slide link blank and nothing changes.

new

New section: Countdown Party, festive sale banner

A full-width celebration countdown banner for New Year, launches and seasonal sales. Gold tabular countdown cards over your own photo or a warm festive gradient, an accent-word heading, a click-to-copy discount code, and one CTA.

Countdown Party turns a sale into an occasion. A live countdown to a real end date sits on gold tabular cards, over your own background photo, or a warm festive gradient when you haven't set one, with an accent-word heading and one clear call to action.

What it does well:

  • Bring your own moment. Drop in a celebration photo (gold balloons, confetti, your product) as the background, with a focal point and a legibility scrim so text stays readable. No image? It paints a warm gold gradient automatically, so it looks finished on day one.
  • A countdown you can trust. The timer counts to a real end date you set, server-rendered so there's zero layout shift, and it never fakes urgency with per-visitor resets. When it ends, show a message, hide the timer, or hide the whole section.
  • Codes that copy themselves. Add a discount code chip shoppers tap to copy, with the lead-in line you choose.
  • Warm by default, yours to colour. Ships in a warm-black-and-gold palette that suits any celebration; every colour, the heading size, and full or boxed width are configurable.
  • Fast and accessible. Tiny footprint, responsive down to mobile, keyboard-friendly, and reduced-motion safe.
Read more
new

New section: Feature Index, editorial highlights

A magazine-style highlights section on a warm-dark band: oversized index numerals paired with a soft-3D emblem, an accent-word feature line, and body copy. Turn any row into proof with rendered star ratings.

Feature Index tells your product story with structure. Each row pairs an oversized index numeral with a glossy 3D emblem, an accent-word feature, and a short line of copy, so the whole value proposition scans in seconds.

What it does well:

  • Editorial by design. Big tabular numerals and hairline-ruled rows on a warm-dark band read like a print feature, not a templated icon list. The 3D emblems sit over the numerals as the one pop of colour.
  • Emblems that fit the message. Nine bundled 3D emblems (lightning, crown, fire, thumbs-up, rocket and more), so you can match the icon to the claim: fast, premium, best-seller, loved. Emoji and your own images work too.
  • Real proof, rendered. Flip any row into a proof unit with a star rating that actually fills to your score.
  • One clear close. An optional link at the foot points shoppers to the collection.
  • Yours to colour, zero JavaScript. Every colour configurable, gently floating emblems, hover and reduced-motion handled in pure CSS.
Read more
new

New announcement bar: a scrolling ticker with icons

Icon Ticker is a top-of-page announcement bar where every message leads with a Google Material icon — free shipping, returns, support, deals. It scrolls in a seamless loop with no jump, sticks to the top site-wide, and restyles from light to dark to a loud bold-deal bar.

Icon Ticker is the icon-led sibling of our Announcement Bar. The original scrolls text; this one puts a crisp icon in front of every message — a delivery truck for free shipping, a return arrow for your policy, a headset for support — so the promise reads at a glance.

A few things it does well:

  • Real icons, your pick. Each message uses a Google Material icon, an emoji, or your own uploaded image. There's even a fast-delivery truck with an optional subtle motion, so "ships in 24h" actually feels fast.
  • Seamless scroll, no jump. The same clone-to-fill engine as our other bars measures the loop to the exact pixel, so it never stutters or skips at the seam — on any screen width, with any number of messages.
  • One section, three looks. Style it light, invert it to a dark bar, or turn it into a loud bold-deal ticker (bigger, heavier, uppercase). Every color is yours; icons recolor to match. Stack two or three in your header.
  • Sticky and site-wide. Installs into your theme's Header area, so it shows on every page and stays put as customers scroll.
  • Accessible by default. Bold any word to accent it, add a link to any message, and rest easy — it pauses on hover and respects reduced-motion (it settles into a static, centered row instead of scrolling).
Read more
new

New section: Perks Grid with soft-3D emblems

A calm 'why shop with us' benefit strip: two to four columns, each with a puffy 3D emblem, a ledger index, and a title. Turn any card into real proof with rendered star ratings. Nine emblems ship baked in, plus one optional call-to-action button.

Perks Grid is the reassurance strip your homepage and product pages have been missing, built around the same soft-3D emblems as our Sale Marquee. Think fast shipping, gift-ready packaging, loved by thousands, members save more, each led by a glossy clay icon.

What it does well:

  • Nine 3D emblems, baked in. Rocket, gift, gift box, bag, thumbs-up, crown, trophy, fire and lightning ship with the section, so a fresh install looks finished. Any card can use an emoji or your own uploaded image instead.
  • Real proof, not just words. Flip any card into a proof unit with a rendered star rating (the stars actually fill to your score), so your best social proof gets the loudest treatment instead of a buried line.
  • Editorial, not templated. Borderless columns with a ledger index number and hairline dividers on a raised panel, with a refined hover that floats the emblem and lifts a subtle tile, not the usual bordered-card look.
  • One clear action. An optional call-to-action button sits below the grid so the section can send shoppers somewhere, cleanly.
  • Yours to colour, zero JavaScript. Two, three or four columns, every colour configurable, hover and reduced-motion handled in pure CSS.
Read more
new

New section: Sale Marquee with soft-3D emblems

A bold scrolling sale band where puffy 3D emblems (fire, gift, crown, trophy and more) pop between your phrases. Nine emblems ship baked in, so it looks right the moment you add it. The band stays quiet so the emblems carry the colour, with a faint oversized outline drifting behind for depth.

Sale Marquee is the loud, promo-ready sibling of our Marquee. Instead of flat icons, it scrolls oversized phrases past soft, glossy 3D emblems, the puffy kind you see on high-converting Black Friday stores. It is built for sales, drops and launches.

What makes it land:

  • Nine 3D emblems, baked in. Fire, lightning, gift, gift box, shopping bag, crown, trophy, rocket and thumbs-up ship with the section, so a fresh install looks finished with zero setup. Prefer your own? Any emblem slot also takes an emoji or an uploaded image.
  • The band stays quiet, the emblems pop. A warm near-black bar with bold monochrome type lets the colourful 3D objects be the only colour. It reads as a deliberate design choice, not a busy sticker sheet.
  • Depth from a ghost layer. A faint oversized outline of your text drifts behind the main row at half speed, giving the band a layered, printed-poster feel.
  • Type your way. Solid, outline, or alternating solid-and-outline phrases. Separate desktop and mobile size and speed, uppercase toggle, your theme font or a custom one.
  • Seamless scroll, no jump. The same clone-to-fill engine as our other bars measures the loop to the exact pixel, so it never stutters at the seam on any width or number of items.
  • Yours to colour, safe by default. Every colour is configurable, the whole band can link anywhere, it pauses on hover, and it respects reduced-motion by settling into a static, centered row.
Read more
new

Two new footers: Columns and Signature

Two new full-width footer sections. Columns is the classic store footer — brand block with legal, payments and copyright, three menu columns, and a social + newsletter rail. Signature is the elevated take, led by an oversized newsletter lockup and closed with a clean bottom bar.

Two new footers join the library, both added once in your theme's Footer area so they appear site-wide.

Footer Columns is the store footer most sites reach for. A left brand block stacks your logo (or store-name wordmark), legal links, payment badges and copyright; three navigation menus sit in the middle; and a right rail pairs your social icons with an email signup. Everything lines up in clean columns — no stray bands.

Footer Signature is the elevated, conversion-forward version. It opens with an oversized "Let's stay in touch" newsletter lockup — an underline email field with a circular arrow submit — then an even brand-and-navigation row, closed by a deeper-ground bottom bar that neatly homes copyright, payment icons and legal links. Warm neutral palette by default, fully recolorable.

Both ship polished with zero setup:

  • Payment badges auto-fetch from your Shopify payment providers — no uploads, always accurate.
  • Legal links fall back to your store's policy pages when you don't pick a menu.
  • Store-name wordmark stands in until you upload a logo.
  • Seven social platforms, native email signup, and full control over colors, type sizes, spacing and layout.

To use either one: open your theme editor, go to the Footer area, add the section, and hide your theme's own footer to swap it in.

Read more
new

New footer: monochrome grid with an oversized logotype

A stark, near-black footer that pairs your menu columns and newsletter in a clean hairline grid, then anchors the bottom with an oversized version of your shop name. Recolors from four tokens, drops into your theme's Footer area, and appears site-wide.

Footer Grid is a new page-builder section for brands that want a bold, minimal footer. It lays out your navigation and email signup in a hairline quadrant, then finishes with your shop name set oversized across the bottom as a brand logotype.

A few things it does well:

  • Your name, always readable. The logotype scales to fit any length, so a short or long shop name is always fully visible, never cut off.
  • A real newsletter. Email field, Subscribe button, and a privacy-consent checkbox that links your policy.
  • Outlined social icons for Instagram, LinkedIn, X, Facebook, YouTube, and TikTok. Add a link and the icon appears; leave it blank and it hides.
  • Language and region switcher plus a legal menu and automatic copyright in the bottom bar.
  • Monochrome by default, fully yours. Near-black out of the box, or recolor the background, text, and accent from four settings.

Add it once in your theme's Footer area (not on individual pages) and it shows site-wide. Hide your theme's own footer to swap it in.

Read more
improved

Bundles: even side-by-side packs, your choice of layout

Side-by-side bundle packs now stay even instead of the selected one stretching wide. A new Options placement setting lets you keep the picker and free gift attached to the pack, or move them to a clean row below for perfectly uniform cards.

Side-by-side bundle packs now stay even. Before, the selected pack stretched wide to fit its variant dropdowns and free gift while the other packs shrank to slivers. Now the packs hold equal widths, so the row looks balanced no matter which one a shopper picks.

You also get a new Options placement setting (under Layout, when you choose the side-by-side layout):

  • Attached to pack (default): the per-unit picker and free gift stay on the selected card, exactly where they were. The selected card grows a little taller to fit them.
  • Row below: the picker and gift move into a clean full-width row beneath the packs, so all of the cards stay the exact same size.

Nothing changes for your existing bundles unless you switch the setting. Prices, savings, badges, and your "buy more, save more" tiers all read the same, and the editor preview matches whichever option you pick.

Read more
new

Bundles: shoppers pick a variant for each item

Volume bundles can now show a dropdown per unit, so a customer buying a 3-pack chooses the color or size of each item. Your tier discount still applies across whatever mix they pick.

Per-item variant picker lets your customers choose a variant for each unit of a volume bundle. When a shopper selects a multi-pack (say, Buy 3), they get a clean dropdown for each item so they can pick a different color, size, or flavor per unit. It is the "buy 3, pick your colors" experience shoppers already expect from the big brands.

Turn it on per bundle from the bundle editor: open Advanced, then switch on Let Customers Pick Each Variant. The dropdowns only appear for products that actually have variants, and sold-out options show up greyed and cannot be selected, so the picker never promises something you cannot ship. On the storefront each dropdown uses a clean, consistent chevron that looks the same in every browser.

Your "buy more, save more" pricing keeps working exactly as before. Whatever mix of variants a shopper picks, the tier discount still applies across the whole pack, so a 3-pack of three different colors is still discounted as a 3-pack.

Read more
new

Two new sections: Media Proof and Proof Ledger

A conversion split that pairs a bold claim with seal-check credentials and a real customer review, right next to your product photo. Two treatments: a clean baseline and a polished sibling whose review card bridges onto the image.

Some products are simply better than the cheaper alternative, and this is the section that says so without shouting. Media Proof puts an oversized headline beside your product photo, backed by a short list of seal-check credentials and one embedded customer review with star ratings. The review does the closing, so the button is optional and off by default.

Proof Ledger is the polished sibling. The credentials sit in a tidy ledger with a right-aligned proof point on each line ("30% stronger", "ships in 5 days"), and the review card stretches across the gap to touch your photo, stitching the claim directly to the product. It finishes with a verified-buyer chip and a gentle reveal as the section scrolls into view.

Both are fully recolorable, work with your theme font (or a heavier display font from your store's library), stack cleanly on mobile, and ship with realistic starter copy so they look finished the moment you add them. Every word in the review is yours to write, so your claims stay honestly your own.

Read more
new

New section: Product Slider, a seamless New In rail

A full-bleed product rail where photos butt together into one continuous band and product details reveal on hover. Pulls live from any collection with automatic New, Sale, and Sold-out badges.

Product Slider is the new-arrivals rail you have seen on brands like Vuori and Alo: product photos sit edge to edge with no gaps and no card borders, so the whole row reads as one continuous band of photography. Product details stay out of the way until a shopper hovers, when a clean info plate slides up with the title, an optional sub-line, and the price. On touch, the plate is always visible.

Point it at any collection and it renders live product cards with automatic New in, Sale, and Sold-out badges pulled from real product data, or hand-pick the exact products and order you want. You get an oversized editorial header with a "Shop all" link, floating square arrows you can place over the band or in the header, and a second product image that cross-fades in on hover.

Everything is yours to style: how many products show per view on desktop and mobile, image shape and fit, arrow size, roundness, and hover, badge text and styling, the full color palette, a solid or gradient background, outer borders, and spacing.

Read more
improved

Sections catalog: a category sidebar that stays with you

Categories are now organized into five goal-based groups with stable positions, the list scrolls on its own while you browse, and the request-a-section card is always in view.

Finding the right section just got faster. The category sidebar in the Sections catalog is now organized into five groups that match what you are trying to do: Capture attention, Sell products, Build trust, Explain & show, and Convert & site chrome. Every category also carries its own icon now, so you can spot Hero, Testimonials, or FAQ at a glance. Categories keep a fixed position inside their group, so once you know where FAQ lives, it stays there. No more reshuffling as new sections ship.

The sidebar also keeps itself on screen. The category list scrolls independently while you browse the catalog, so switching categories never means scrolling back to the top of the page. And the request card is now always one glance away instead of hiding at the bottom of the list.

That card got clearer too. Missing a section, or want one of ours changed for your store? Send us a screenshot of what you have in mind and we build it for you, usually within 30 to 60 minutes. And if your theme ever causes problems with a section, the card now has a direct line to live chat so you get help right away.

Read more
new

New section: Category Slider

A photo-forward 'shop by category' slider: full-bleed image cards, each with a floating pill button, under a heading and a Shop all link. Add it from the section picker under Collections.

A photo-forward way to route shoppers straight into your categories. Category Slider is a rail of full-bleed image cards, each carrying a floating pill button with the category name, under an editorial header with your heading and an optional "Shop all" link.

Each card takes its own image and links into any collection, page, or product. On hover the card lifts, the photo zooms, and the pill fills in, so the whole thing feels alive without a single extra click. The rail scrolls natively and swipes on mobile, with a peek of the next card so shoppers know there's more.

Everything is yours to shape: cards per view for desktop and mobile, pill color, size, roundness and uppercase, the main button style (text link, outline, or solid), arrow size, color, hover effect and placement (over the cards or in the header), plus background, border, margins and padding. It ships polished out of the box with six ready-to-edit categories, so you can add it and start swapping in your own photos right away. Find it in the section picker under Collections.

Read more
new

New section: Product Grid

The static, multi-row product grid your homepage was missing — with an optional magazine feature tile and cards that adapt to your store type. Add it from the section picker under Products.

Every product section so far has been a carousel, rail, or spotlight. Product Grid is the workhorse those weren't: a clean, static multi-row grid that lays your collection out in full so shoppers can scan the whole edit at a glance.

Its signature is an optional feature lead tile — a large, magazine-style hero product beside the grid, with its own eyebrow, rating, price, and buttons. Turn it off for a perfectly uniform grid.

The cards adapt to what you sell. Apparel and beauty stores get color swatches or a continuous shade bar plus an automatic size range; tech and electronics stores get spec chips (ANC, 30h, USB-C). Choose contained cards for the clearest, most shoppable layout, or borderless for an editorial, magazine feel.

Every card carries a persistent Add to bag (multi-variant products link to the product page, so no wrong-variant adds), a wishlist heart, star ratings from your reviews app, and automatic Sale / New / Sold-out badges. Fully recolorable, responsive down to a two-up phone grid, and accessible by default.

Read more
new

Four new FAQ styles: Tabs, Chat, Ledger, Answers

Four fresh FAQ sections, each a different way to answer: topic Tabs, a Conversational chat thread, an editorial Ledger with oversized numerals, and always-open Quick Answers cards. All ship FAQPage schema markup. Add them from the section picker under FAQ.

Four new page-builder FAQ sections, each taking a different approach to the same job so you can match the answer format to your store.

FAQ Tabs groups questions by topic (Shipping, Product, Returns, Account…) and swaps the visible set as you switch tabs, with optional tab icons, a sliding accent underline and full keyboard navigation. FAQ Chat turns your FAQ into a warm conversation: each question is a chat bubble, and tapping it types the answer back from your support name, with an online-status header and an optional message bar pointing at your real contact channel. FAQ Ledger is the upmarket, editorial treatment, with oversized index numerals on broadsheet hairline rules and an optional footnote per answer. FAQ Answers is a calm grid of fact cards with the answers always visible, no clicking and zero JavaScript, ideal for cutting repetitive "where's my order" questions.

Every one recolors to your brand, uses your theme font, is keyboard-accessible and reduced-motion aware, and emits FAQPage schema.org markup so your answers can earn Google rich results. Add them from the section picker under FAQ.

Read more
new

Compare Story: a before/after slider that sells

A draggable before/after slider beside a full sell column: heading, body, a checklist, a customer review and a button, each an add / remove / reorder block. Add it from the section picker under Comparison.

New page-builder section for transformation-led stores: haircare, skincare, cleaning, fitness, dental, home renovation. A drag-to-reveal before/after comparison (pointer, click-to-jump and full keyboard control) sits beside a content column you compose from blocks: a heading, body copy, a feature checklist, a customer review card and a call-to-action button, each one add, remove or reorder. Fine-tune the type per block (font, desktop and mobile sizes, line height and spacing) and recolor everything to your brand. The review card stays generic with no third-party platform branding. Keyboard-accessible and zero layout shift. Add it from the section picker under Comparison.

Read more
new

Results Reel: before/after review carousel

A carousel of customer before/after photos, each with a star-rated review, result tags and a shop link, plus a proof bar. Add it from the section picker under Comparison.

New page-builder section for transformation-led stores: supplements, skincare, haircare, dental, fitness. Each slide pairs a customer's before and after photos with their star rating, an optional verified badge, result tags and a "uses [product]" link, plus an optional shop button. Shoppers browse by a roster of result thumbnails (the after photos become the navigation) or plain dots, with arrows and optional autoplay. One section-level proof bar anchors the set with a big stat, a claim and fine print. Autoplay is off by default, everything is keyboard-accessible, and it recolors to your brand. Add it from the section picker under Comparison.

Read more
new

Reveal Slider: drag-to-compare before/after

A draggable before/after slider beside an editorial column with an eyebrow, accent heading, CTA, and an auto-numbered spec list. Add it from the section picker under Comparison.

New page-builder section for transformation-led stores: haircare, skincare, fitness, dental, home reno. A drag-to-reveal before/after comparison sits on one side (frosted handle, click-to-jump, full keyboard control) with a clean, composable text column on the other: an eyebrow chip, an accent heading, body copy, a button, and an auto-numbered spec list with hairline rules. Upload separate mobile images when you want a different crop on phones, leave the text area transparent or turn it into a solid/gradient card with shadow and border, and recolor everything to your brand. Keyboard-accessible and zero layout shift.

Read more
June / 2026

June

35 shipped
new

Contact Help: a support form that routes questions

A third contact section built for support requests: a topic dropdown that tags every message, an organization field, and privacy + marketing consent checkboxes, set beside an oversized invitation. Native Shopify contact form, no scripts.

The two contact sections so far have been about reaching you. Modulo: Contact Help is about sorting what comes in.

It opens with a "How can we help you?" dropdown whose choices you set yourself (Order & shipping, Returns, Wholesale, anything you like). The selected topic rides along on the email you receive, so you can triage at a glance instead of reading every message to work out what it is about. Below it sit name, email, an optional organization / business field, and the message box, each with its own show / require toggle.

It also captures consent properly. A privacy-policy checkbox can be required before anyone can submit, with the words "privacy policy" linked to your page. A separate marketing opt-in records the visitor's preference in the email you receive. To be clear and to keep you compliant, it does not secretly add anyone to a list. You add them yourself, with their consent on file.

All of it sits beside an oversized, friendly statement column ("Need to reach out? Hit us up…") with a contact line underneath, so the section feels like an invitation rather than a wall of fields.

Like the other contact sections, it uses Shopify's built-in contact form. Messages email your store directly, with the topic, organization and consent answers included. No third-party form service, no JavaScript, no layout shift, and every colour is yours to change.

Read more
new

Dividers: rules, emblems and shape seams

A new Dividers category with two sections. Divider draws a clean rule with an optional centered icon, label, dots or just space. Divider Shape flows the colour of one section into the next with a wave, slant, curve, zigzag or triangle seam.

Most themes give you almost nothing for separating stacked sections. This release adds a whole Dividers category with two ways to do it, both polished out of the box and both pure CSS (no scripts, no layout shift).

Modulo: Divider is the simple one. Pick a style and you are done: a hairline with a centered icon (leaf, sparkle, star, waves and more from the Modulo icon set), a hairline with a short label like "Our story", a plain rule (solid, faded, dashed or dotted), a small dot cluster, or a pure spacer when you only need breathing room. It sits on a transparent background, so it never needs colour-matching to the sections above or below. Drop it anywhere.

Modulo: Divider Shape is the expressive one. It draws a shaped seam between two sections so they melt together instead of butting edge to edge. Choose wave, slant, curve, zigzag or triangle, set the top colour to match the section above and the fill colour to match the section below, and adjust the height or flip it. Great for softening the jump between a light hero and a dark story band.

Both live under "Modulo: Divider" in the Add section picker, so they sit together right where you would look for them.

Read more
improved

Editorial Story heading font + Hero Kinetic contrast

Editorial Story can now use your theme's heading font, or any font from your library. Hero Kinetic's overlay can be lightened or darkened so your text always has enough contrast over the image.

Two refinements to popular sections, both driven by merchant feedback.

Editorial Story: a heading font you control. The heading used to be locked to its editorial serif. Now there is a Heading font setting with three choices: keep the editorial serif, use your theme's own heading font so it matches the rest of your store, or pick any font from your library. Set it to Theme font and the heading falls in line with your theme's titles.

Hero Kinetic: dial in the contrast. The image overlay now has clear Overlay opacity and Overlay color controls. Raise the opacity with a dark colour to darken the photo for light text, or with a white colour to brighten it for dark text. Set the overlay style to Even for a uniform wash behind your heading, the same way a standard image banner works.

As always, open the section in the Modulo app and hit Update to latest. Your settings are kept.

Read more
fix

Add to cart now refreshes the cart reliably on more themes

On themes that use a cart 'notification' popup (instead of a slide-out drawer), adding a multi-item bundle, upsell, add-on, or sticky-bar item could leave the popup looking empty. The cart now updates correctly on those themes.

The cart popup no longer comes up blank. Some themes show a small cart notification popup after Add to cart, rather than a slide-out drawer. When a shopper added something that creates more than one cart line at once (a volume bundle with a free gift, a multi-pick add-on, or an upsell), that popup could open empty or stale, even though the items were correctly in the cart. The underlying cart was always right; only the confirmation popup looked wrong.

What changed. Modulo now hands the theme the cart details in exactly the shape it expects for a multi-line add, so the theme can paint the popup with the product that was just added. We also tell the theme which page the add came from, so the cart icon and contents render in the right context.

Where you'll see it. This affects the cart refresh after Add to cart for Bundles, Upsell, Add-ons, and the Sticky Add to Cart bar, on themes that use a cart notification popup. Drawer themes were already working and are unchanged.

Nothing to configure. If you have these blocks installed, re-publish to pick up the update.

fix

Bundles always start on your lowest offer

Volume bundles now always open with the lowest-priced offer pre-selected. Shoppers choose a bigger pack themselves, so the cart never picks up extra units they didn't ask for.

Volume discount bundles now always open with your lowest-priced offer selected first. Shoppers see the smallest pack ticked, and they choose to size up themselves — so adding to cart never charges for more units than they expect.

What changed

  • The pre-selected offer is now always the lowest-priced one. The per-offer "pre-select" control is gone — there's nothing to set, and a pricier pack can't be pre-ticked by mistake.
  • Your "Most Popular" and "Best Value" badges still draw the eye upward. They're visual ribbons, not a pre-selection — the shopper's tap on a bigger pack is what sizes the order up.
  • On the storefront, the quantity a shopper sees always matches what lands in the cart.

This keeps your bundles aligned with Shopify's requirement that any added charge be a clear, deliberate shopper choice. Nothing to do on your end — existing bundles pick up the change automatically.

Read more
new

Back to Top — a button that shows the way back

A floating back-to-top button wrapped in a ring that fills as customers scroll — a quiet cue for how far down the page they are. Add it once to your footer and it floats site-wide; one tap returns to the top.

Back to Top drops a small floating button into the corner of your store. As shoppers scroll a long page, a ring around it fills clockwise — a quiet read on how far down they are — and one tap returns them to the top.

Add it once, shows everywhere. Place it in your theme's Footer area and it floats on every page. No per-page setup.

Put it where it won't get in the way. Bottom left, center, or right, with adjustable distance from the edges so it clears chat widgets and cart drawers. Separate sizes for desktop and mobile.

Make it yours. Recolor every part — the circle and its hover state, the ring before and after scrolling, and the arrow and its hover. Tune the ring thickness from a hairline to a bold gauge, and choose how far down the page it appears before sliding into view.

Smooth and considerate. The button eases in past your chosen scroll depth and smooth-scrolls back to the top. It's keyboard-accessible with a clear focus ring, adds zero layout shift, and respects reduced-motion settings — no smooth-scroll or animation for visitors who ask for less. Ships polished with zero setup.

Read more
improved

Bundles — clearer 'add the block' guidance

The Publishing card and the bundles list now remind you to add the Modulo theme block, so published bundles actually show up on your storefront.

A published bundle only appears once the Modulo block is added to your theme. Now the app makes that clear instead of leaving you guessing.

  • Publishing card: when a bundle is active, it reminds you to add the Modulo block to your theme, with a one-click link straight into the theme editor.
  • Bundles list: a simple, dismissible "Add the Modulo block" banner with the same one-click link — so you catch it before you think you're done.

Straightforward guidance, no guesswork.

Read more
improved

Bundles — redesigned builder + warmer storefront

New create/edit form, warm-brand defaults, a compact free-gift teaser, and friendlier validation. The 2-pack is now the default-selected offer on new bundles.

The bundle builder got a full pass: a clearer create form and empty state, brand-colour swatches with sensible warm defaults, collapsible style groups with per-group reset, and an honest "Publishing" card that only claims a bundle is live when the storefront block is actually present. On the storefront, unselected gift tiers now show a clean gift teaser. Fixed-amount discounts above $100 are now accepted.

Read more
improved

Insights — a calmer overview that reads as information, not alarms

A real views-and-revenue trend chart, low-confidence handling so a single order no longer shows a scary −77%, drop-off annotations on the funnel, and tidier events and sections.

The Insights page got a full pass so the numbers tell you what's happening without making a one-order day look like a crisis.

  • Views & revenue over time: a proper trend chart with both lines, a hover tooltip, and peak labels — replacing the single-spike sparklines that read as broken.
  • Calm low-data handling: below a sensible volume threshold, loud red percentages become quiet Low data / No change chips and a "still ramping up" note, so early swings don't panic you.
  • Funnel that shows the leak: each stage gap is annotated ("▼ 58% drop to carts"), and a missing checkout signal now reads as "not tracked" instead of a false 100% drop.
  • Performance vs diagnostics: Overview, Funnel and Bundles sit together; Sections and Events move to the right as the technical "is the pixel firing?" group.
  • Tidier logs: events show full timestamps with a type filter, and installed sections are de-duplicated by name with a theme count.

Same data, far easier to trust.

Read more
new

Review Spotlight — social-proof header over a spotlight carousel

A rating badge and a hand-circled “loved by” count sit above a peek carousel that spotlights the centered review — it lifts and scales while neighbors recede. Photo cards carry a verified seal and stay the same height, with a per-card Read more that expands only the card you tap.

Lead with the proof. Review Spotlight opens with a rating badge ("Rated 4.8 / 5 from 1,839 reviews") and a headline where your count gets a hand-drawn marker circle — Loved by (10,000+). You type both; nothing is ever auto-counted.

A carousel that picks a favourite. Below the header, reviews sit in a peek carousel that spotlights the centered card — it lifts and scales up while its neighbors quietly recede and the edges fade. Tap the arrows, swipe, or let shoppers drift through; the spotlight follows the middle.

Cards that hold their shape. Each review has a photo, an avatar (or the reviewer's initial), name and date, big amber stars, an outlined "Verified rating" seal, a title and the review. Every card is the same height no matter how long the text — so the row never looks ragged.

Read more, one card at a time. Long reviews — in any language — get a Read more link. Tap it and only that card grows to show the full text, then collapses again. Short reviews never show the link. You set the wording and whether it sits left, center or right.

Honest by default. No invented counters, no bundled stock faces — photos use a clean placeholder until you upload your own, and the dates are whatever you type.

Yours to shape. Every text size is its own control (badge, heading, name, date, verified, title, body, and the stars), plus accent, star and card colours, badge roundness, card width, photo shape, and the number of lines before clipping. The background is transparent out of the box so it drops onto any page, and ships polished with zero setup.

Read more
new

Image Marquee — split banner with a scrolling-text seam

A boxed text panel beside a full-bleed image, with an oversized scrolling phrase running down the seam between them. Write your own 'just in' rail, bold a word for accent, and let it stack to a horizontal band on mobile.

Some sections sell with words; this one sells with movement. Image Marquee is a split banner — a calm text panel on one side, a full-bleed lifestyle image on the other — with an oversized scrolling phrase running vertically down the seam between them. It's the easiest way to add a kinetic "just in" note to an image-and-text block without it ever feeling busy.

Say something, on a loop. The seam rail is yours to write — "just in", "new season", "back in stock" — interleaved with a sparkle, star or bolt. Set the speed, the gap and which way it scrolls. On mobile it turns into a tidy horizontal band beneath the image, so nothing gets lost.

A panel that does the talking. Eyebrow, heading, body and a button in outline, solid or text-link styles. Bold any word in the heading to lift it into your accent colour — leave it plain for the soft, editorial look it ships with.

Composed however you like. Image left or right, content aligned on both axes, full-width or a boxed rounded card. Full control of colours — page, panel, heading, body, accent, the scrolling text and an optional border.

Light and honest. Pure-CSS motion that pauses on hover and respects reduced-motion — no scripts, no fake counters, no invented urgency. Ships polished with zero setup; drop it on the page and it already looks like the reference.

Read more
new

Collection Promo — shop-by-collection tabs with a promo card

Centered tabs swap a promo panel and a row of editorial product cards. Point each tab at a collection or a hand-picked list, write its own promo line, button and background — and let shoppers browse New, Best sellers and Last chance without leaving the page.

The fastest way to say "here's what's worth your time" is to show it. Collection Promo puts your collections behind a row of clean, centered tabs — New arrivals, Best sellers, Last chance, however you slice it — and switches the whole stage with one tap.

A promo card that talks. Each tab gets its own panel beside the products: a few words in your voice ("Explore the most popular products everyone's talking about"), an optional button, and its own background colour. Switch tabs and the promo changes with the products — so every collection arrives with a reason to look.

Editorial product cards. Image up top with an optional low-stock badge, then the title, a tagline, the price with compare-at, a short description and a "Learn more" link. Pick the button as a quiet text link, an outline pill or a solid button — and size it to taste.

Collection or hand-picked. Most tabs just point at a collection. When you want to merchandise by hand, drop in a manual product list instead and it takes over for that tab.

Honest by default. The low-stock badge only appears on products that genuinely track inventory and are running low — never invented, never auto-counted. Leave a field blank and it simply doesn't show.

Yours to shape. Up to 8 tabs. Square / portrait / landscape images with zoom or second-image hover, an optional heading font from your store's library, plus full control of colours, width and spacing. Ships polished with zero setup, and on mobile the promo card steps aside so the cards swipe edge to edge.

Read more
improved

A clearer home dashboard

The Modulo home screen is calmer and easier to act on: it opens with one clear next step, shows real previews of the section and block libraries, puts bundles front and centre, and keeps a one-tap line to support — all in the warm Modulo look.

Your Modulo home screen got a tidy-up. The goal was simple: open the app and know exactly what to do next, without hunting through clutter.

One clear next step. The page now leads with a single, obvious action — find a high-impact section for your store — instead of competing buttons. Everything you build with Modulo (sections, conversion blocks, bundles) sits below it in a clean, scannable layout.

See before you pick. The Sections and Blocks libraries each show a real wall of designs right on the card, so you can eye what's inside before you open it. Bundles & Gifting gets its own spot up top — the fastest way to grow an order.

Honest by default. No invented stats, no "we scanned your store" claims — just popular, high-impact starting points and the real counts of what's in each library.

Help is one tap away. A quiet line at the bottom lets you reach us whenever you're stuck — and you can leave a review or send feedback in the same breath, whichever works for you.

Same Modulo, less noise. Nothing you'd set up before needs redoing — this is purely the home screen.

Read more
new

Video Social — your TikTok & Reels, on-store proof

A horizontal rail of vertical TikTok / Instagram / YouTube clips, each badged with its platform, playing muted in view with sound on tap. Topped by a single proof line you type (“Over 56M Views on TikTok”) and an optional shop button. Captions over or below the video, light or dark — and every figure, handle and caption is yours, never auto-generated.

The clips that made you go viral belong on your storefront. Video Social turns them into proof: a clean rail of 9:16 cards, each stamped with its real platform — the full-color TikTok, Instagram or YouTube mark — playing muted as a shopper scrolls past, with sound on tap.

Honest by default. A single proof line sits up top — “Over 56M Views on TikTok” — and you type every word of it. So do the handles, captions and view/like figures on each card. Nothing is invented, auto-incremented, or faked; if you leave a field blank, it simply doesn't show. That's the only kind of social proof worth putting on a store.

Two styles, your pick. Add Video Social for the compact look with captions over the clip on a warm background, or Video Minimal for a clean white grid with captions sitting calmly beneath each clip and a quiet outline button. Both run on the same engine — set the background and colors to match your theme. Distinct from Video Reels (a 3-D coverflow fan) and Video Carousel (a lightbox): this is the flat, platform-branded proof wall.

Built right. Uploaded Shopify-hosted video with a poster frame (YouTube / Vimeo as a fallback), lazy-loaded so it never shifts your layout. Only the centered clip plays, and only when it's in view; everything respects reduced-motion. Scroll-snap rail with arrows and swipe, keyboard- and screen-reader-friendly.

Yours to shape. Up to 12 clips. Tune clips-in-view, corner radius and gap, the platform badge per card, an optional “shop the collection” button, plus heading, colors, width and padding. Ships polished out of the box and drops to a single peeking card on mobile.

Read more
new

Versus — a bolder comparison

A new comparison section: a full-height lifestyle photo beside a single card that stacks your wins over the alternative's shortfalls, split by a VS badge on the seam. Pick the win icon (badge, filled circle, check, star, shield), flip the image to either side, and recolor every layer. Pure CSS, no layout shift.

Sometimes the most persuasive thing on a page is an honest side-by-side. Modulo: Versus is a new comparison section built for exactly that — a tall lifestyle image next to a single card that stacks your wins over the alternative's shortfalls, divided by a circular VS badge that sits right on the seam between the two halves.

Choose how the wins read. The win icon is selectable — a gear-edged Badge, a filled circle check, a simple check, a star, or a shield — in bare, solid-disc, or soft-tint styles. The "lose" rows stay deliberately muted (grey circle + ✕) so the contrast does the selling.

Configurable without the clutter. Flip the image to the left or right, recolor both panels, the accent, and the lose-marker circle, set the card radius, and add your own win/lose rows as blocks. It's pure CSS — no JavaScript, no layout shift — keyboard- and screen-reader-friendly, and it looks polished the moment you drop it in.

It joins the comparison family alongside Pros & Cons and Why Switch — pick the one whose layout fits your story.

Read more
new

Before & After — 2 new results sections

Prove your product works with a wall of tap-to-toggle result cards. Two layouts: Before & After (rounded, portrait, centered titles) and Results Grid (sharp, landscape, editorial). Each card flips between a before and after photo — pure CSS, no JavaScript.

Show the transformation, not just the claim. Two new sections turn your before/after photography into a scannable wall of proof — each card overlays a label and title on a photo and flips between Before and After with a tap. Distinct from the existing drag-to-reveal Image Compare slider: these are grids of results, built for verticals where outcomes sell — haircare, skincare, fitness, dental, home reno.

Modulo: Before & After. The bright cut. Rounded portrait cards in a 4-up grid with centered titles, pill badges (great for a "4 weeks" timeframe) and a solid white toggle. Drops in polished on a clean white background.

Modulo: Results Grid. The editorial cut. Sharp landscape cards in a tight 2-up grid with bottom-left titles, boxed tags and an outlined ghost toggle on a warm off-white — a magazine-style "results from our community" wall.

Built right. The Before/After swap is pure CSS — no JavaScript — so it works the instant the page renders and never shifts your layout as images load. Each card is a native, keyboard-navigable radio group, so screen readers announce a proper two-option control and arrow keys switch states. Reduced-motion preferences are respected.

Yours to shape. Up to 12 cards, each with a before image, after image, label, title and alt text. Tune columns, image shape (portrait / square / landscape), photo overlay strength, corner radius and border; switch the title between centered and bottom-left, the label between pill and boxed tag, and the toggle between solid and ghost. Full control over heading and title sizes, colors, section width and padding. Both ship polished with zero configuration and collapse cleanly to a single column on mobile.

Read more
new

Three new FAQ layouts

Three fresh ways to answer questions: FAQ Categories (grouped, two-level accordion), FAQ Outline (bold outlined boxes) and FAQ Pills (friendly filled rows). Each ships FAQPage schema.org markup for Google rich results and is fully keyboard-accessible.

Different stores answer questions differently — so there are now three new FAQ sections to match your storefront's personality, alongside the original. Every one ships FAQPage schema.org markup (the structured data Google reads for rich FAQ results), real <button> accordions with proper focus states, and reduced-motion support.

Modulo: FAQ Categories. For stores with a lot to explain. A two-level accordion — tap a category (General, Shipping, Returns…) to reveal its questions as nested accordions inside. The open category becomes a coral header bar with the questions hairline-divided in the card below, and a little article count per category. Want a plain single-level FAQ instead? Use only Question blocks and it renders a clean flat accordion — no categories required.

Modulo: FAQ Outline. The high-contrast cut. Heavily outlined question boxes with chevron toggles on a centered layout — pick a connected frame or separated boxes, and add an optional "See more" link to a full FAQ page.

Modulo: FAQ Pills. The friendly cut. Each question is a solid rounded pill with a rotating chevron; the answer drops in cleanly below the bar. Warm, approachable, AA-contrast by default.

Yours to shape. Single or multi-open behavior, every color, type sizes for the heading / questions / answers, card radius and border weight, section width, header alignment and padding. All three drop in polished with zero configuration and collapse cleanly to a single column on mobile.

Read more
new

Pros & Cons — 2 new comparison sections

Frame your product between its cons and its pros. Two layouts: Pros & Cons (a framed panel with a circular product and a cross-divider) and Why Switch (an airy single row on a frosted glass panel). Pure CSS, no JavaScript.

Make the case at a glance. Two new sections center your product between a column of cons (✕) and pros (✓) under an editorial heading and a call to action — the "with us vs without" panel that turns a browser into a buyer. Different from our before/after and brand-comparison sections: this frames a single product between its own drawbacks and benefits.

Modulo: Pros & Cons. The framed cut. A boxed panel with a circular product at its center and a soft cross-divider, cons stacked on the left and pros on the right, a button, and a money-back guarantee line underneath. Polished out of the box on a warm gradient.

Modulo: Why Switch. The airy cut. A full-width band with a single inline row — cons, your product cutout, then pros — floating on a frosted liquid-glass panel. It ships a readable solid fallback for browsers without blur, so text never washes out.

Yours to shape. Add pros and cons as blocks (each picks its own ✓ or ✕), recolor the icons or swap in your own mark images, choose the product's shape and size, switch the toggle of the cross-divider or glass tint, and set a gradient or solid background, heading and label sizes, colors, width, and padding. Both ship polished with zero setup, are pure CSS (no JavaScript, no layout shift), read cleanly to screen readers, respect reduced-motion, and stack gracefully on mobile.

Read more
new

Video Reels — an endless wall of video reviews

A premium coverflow of vertical customer video reviews. The centered reel sits large while the rest fan away on each side, the rail loops forever, and any clip plays with sound on tap. Shopify-hosted video, name + star rating per reel, keyboard + swipe navigation, zero layout shift.

Video sells — so we built the format DTC brands convert with. Video Reels is a coverflow fan of 9:16 customer clips: the centered reel is full-size, the rest tuck away on either side, and the rail loops endlessly in both directions. Tap any reel to play it with sound; it autoplays muted in view if you want it to.

Built for proof. Each card carries a name and star rating overlay — you supply the clips and the consent to show them; nothing is auto-generated or faked. Distinct from the existing Video Carousel (which opens a lightbox) and Shoppable Video (which attaches a product) — this one is pure, scannable social proof.

Built right. Uploaded Shopify-hosted video with a poster frame (YouTube / Vimeo as a fallback), so it loads lazily and never shifts your layout as it plays. Only one reel plays at a time, and everything pauses when the section scrolls out of view. Navigate with the arrows, the ← / → keys, a swipe on mobile, or by tapping a side reel to bring it center — and screen readers hear which reviewer is centered on every move.

Yours to shape. Up to 12 reels. Tune how many fan into view, the reel shape (vertical / portrait / square), corner radius, and where the name + rating sit. Toggle and resize the play, mute and arrow buttons, recolor the chrome, switch autoplay-in-view on or off, and set the heading, colors, width and padding. Ships polished out of the box and collapses cleanly on mobile.

Read more
new

Nutrition & Supplement Facts — real labels, on-brand

Two new sections render pixel-faithful FDA Supplement Facts and Nutrition Facts panels beside your benefit copy and free-from badges — the trust of the back-of-pack, fully editable and recolorable.

Shoppers trust the label on the tub. Now you can put that exact label on your page. Modulo: Supplement Facts and Modulo: Nutrition Facts render authentic FDA-style panels — heavy title rule, tabular figures, the big-number Calories convention — beside an editorial column with your heading, benefit copy, free-from badges, and an optional button.

Two formats, built right. Supplement Facts is a clean single-value dose list with a servings line and an ingredients line — ideal for powders, capsules, and pre-workouts. Nutrition Facts is the full food/beverage hierarchy: indented sub-nutrients (Saturated Fat, Added Sugars, Sugar Alcohol), a heavy rule before the vitamins block, and dual Amount / % Daily Value columns. Every value is yours to type — nothing is auto-calculated, so your claims stay your claims.

Free-from badges, your way. Twelve new icons — No GMO, No Soy, No Gluten, No Dairy, No Nut, No Sugar, No Fillers, No Additives, Caffeine-free, Vegan, Organic, Keto — with the crossed-out "free-from" mark baked in, or upload your own badge image per item.

Polished out of the box, yours in minutes. Drops in looking like a real label, then customize: put the label on the left or right, set its width and gap; recolor all label text and rules from one control; tune the outer border and font size; pick a transparent, solid, or gradient background with an optional section border; and set alignment, typography, width, and padding. Add and reorder nutrient rows and badges as blocks — and on mobile it stacks cleanly to one column.

Read more
new

Review Marquee — a scrolling wall of love

A new testimonials section: compact avatar + rating pills that drift across one or two rows in opposing directions. Pauses on hover so shoppers can read, fades at the edges, and looks polished with zero setup.

Turn a pile of happy reviews into momentum. Modulo: Review Marquee scrolls a continuous "wall of love" — compact pill cards, each with a circular avatar, a star-rating badge, and a one-line quote — drifting steadily across the page. Run a single row or two rows in opposing directions for that dense, social-proof-everywhere feel.

Readable, not dizzying. The marquee pauses when a shopper hovers (or tabs into it with a keyboard), softly fades at the left and right edges, and fully respects reduced-motion preferences — so it never becomes a distraction or an accessibility problem.

Polished out of the box. Drops in with eight realistic example reviews and neutral placeholder avatars, then you make it yours: add each review's photo, quote, name and rating; tune card width, roundness, padding, border and a brand-tinted shadow; pick a solid or gradient accent that colors both the highlighted heading word and the rating badges; set scroll direction and speed, avatar size and shape, section colors, width and spacing.

Built for performance — cards reserve their space so nothing shifts as the section loads, and it stacks cleanly on mobile.

Read more
new

Trust Strip — promises that swipe on mobile

A new footer-friendly USP band: shipping, warranty, secure payment and returns in a clean full-width row framed by hairline rules — that collapses into a swipeable, dotted carousel on mobile.

Reassure shoppers on every page. Modulo: Trust Strip is a thin, full-width band of promises — Free shipping · 1-year warranty · Secure payment · Free returns — each pairing an icon with a bold label and a short line of detail. Top and bottom hairline rules frame the strip and slim dividers separate each item, so it sits cleanly under a hero or just above the footer.

Built for small screens. On mobile the row becomes a centered, swipeable carousel with dot pagination — one promise at a time, native swipe, the active dot highlighted. It works before any JavaScript loads (so nothing jumps as the page settles) and fully respects reduced-motion preferences.

Polished out of the box, yours in minutes. Drops in with four ready-to-ship promises, then customize freely: choose 20+ icons or upload your own; toggle uppercase labels, the framing rules, and the dividers; pick a transparent, solid, or gradient background; and tune icon size and color, label and subtext sizes, accent and divider colors, section width, content width, and padding. Add a link to any promise to point shoppers at your shipping or returns policy.

Accessible by design — links stay links for screen readers, the carousel dots are proper buttons with clear labels, and color defaults clear WCAG contrast.

Read more
new

Shop the Look — 3 new sections

Tag a styled photo with hotspots and make every piece shoppable. Three layouts: Shop the Look (photo + synced card), Lookbook (full-bleed photo + frosted floating card), and Lookbook Grid (hero photo + scannable product grid).

Turn your styled photography into a buy surface. Drop numbered hotspots onto a lifestyle photo, link each one to a product, and shoppers tap a point on the image to shop the piece. Three sections, one idea — pick the layout that fits your store.

Modulo: Shop the Look. The classic. A photo with hotspots beside a synced product card — tap a dot and the card cross-fades to that item's image, price and a link to its page. Pagination, prev/next arrows and the thumbnail row are each optional, and the card can sit centered or top-aligned next to a tall photo.

Modulo: Lookbook. The editorial cut. A full-bleed lifestyle photo with a frosted glass card floating over any corner (serif title, warm palette). Tap a hotspot to cross-fade the card to the next piece — magazine-grade with zero setup.

Modulo: Lookbook Grid. The conversion-first cut. A hero photo with hotspots above a scannable grid of every product in the shot. Tap a dot to scroll to and flash its card. Plain or boxed cards, 2–5 columns, category labels and a "View product" link.

Yours to shape. Photo shape and fit (cover or contain), background color or gradient, every text size and color, section width and spacing. All three ship polished out of the box, stack cleanly on mobile, keep the hotspots keyboard- and screen-reader-accessible, respect reduced-motion, and never shift your layout as they load.

Read more
new

New section: Shoppable Video

Modulo: Shoppable Video — a rail of vertical product clips that play muted in view and add to cart in one tap. Each video links a product with its price, a variant picker, and a full-bleed Add to cart bar; tapping a clip opens a lightbox with sound.

The social-clip format is now a buy surface. Modulo: Shoppable Video is a scroll-snapping rail of vertical product videos — the TikTok/Reels look your shoppers already know — where every clip is shoppable on the spot.

Tap a clip, add to cart. Each video links a product and shows a price chip plus a full-bleed Add to cart bar pinned to the bottom of the card. Multi-variant products get a tidy size/option picker behind a caret; single-variant products go straight to one tap. Sold-out products show a clear disabled state — and it all adds to the cart without leaving the page.

Plays the way the format should. Uploaded videos autoplay muted while in view and pause when they scroll away; tapping any clip opens a lightbox with sound and a merchant-written heading and description alongside the product. Prefer YouTube or Vimeo? Paste a URL instead.

Yours to shape. Choose videos-per-view and shape (9:16, 4:5, 1:1), a full-bleed or inset buy bar, whether the mute and duration controls show, your heading font and size, and every color and button label. It ships polished with zero setup, respects reduced-motion (no autoplay, tap to play), is keyboard- and screen-reader-friendly with a focus-trapped popup, and won't shift your layout as it loads.

fix

Upsell — no longer leaks into quick-view popups

Themes with a quick-view popup could show a stray copy of the Upsell block inside the popup — an unstyled heading with no products under it. The block now stays out of quick views entirely.

Many themes (and quick-view apps) build their popup by copying the product page's HTML into a small window. That copy carried the Upsell block's markup along with it — but not its styles or scripts — so the popup could show a lone, unformatted heading (your custom heading text) with no products underneath.

This is fixed. The Upsell block now only renders where its own assets are loaded, so quick-view popups stay clean. Your product page is unchanged: same look, same behavior, nothing to reconfigure.

If you spotted a stray text line in your quick view, it disappears automatically with this update — no action needed.

improved

Hero Bento — per-card image opacity

Each card in Modulo: Hero Bento now has its own Image overlay opacity slider — the feature card and every promo tile dim independently. The overlay now darkens the whole photo evenly, so the slider does what you'd expect at a glance.

When a card in Modulo: Hero Bento uses a background photo, you can now dim that photo per card. The big feature card and each promo tile carry their own Image overlay opacity slider, so you can keep one image bright and pull another back behind its text — independently.

The slider now dims the whole photo. Previously the overlay was weighted toward the text side and faded out across the image, which made higher values look like they were barely doing anything. Now the dimming is even edge-to-edge, with just a touch extra under the text for legibility — so 60% looks like 60% across the whole card.

Your existing settings are kept. Open Hero Bento, find Image overlay opacity under the feature card and on each promo block, and dial each one to taste.

new

New section: a Trustpilot-style review rail

Modulo: Review Rail — a rating panel pinned on the left (headline, green pip stars, 'Based on N reviews') with your reviews scrolling in a rail to the right. One Card style toggle flips between a flat borderless look and bordered cards.

The review layout shoppers already trust is now a section you can drop on any page. Modulo: Review Rail is the classic embedded-widget look: a rating panel pinned on the left — a big headline ("Excellent"), a row of green pip stars with half-star support, and a "Based on 465+ reviews on Trustpilot" summary — with your individual reviews scrolling in a rail to its right, flanked by tidy side arrows.

One toggle, two looks. A single Card style setting switches the whole rail between Flat (borderless, airy — the clean Trustpilot-widget feel) and Bordered (cards with a subtle hover-lift). Pick the one that suits your page; everything else stays the same.

You own every word. The headline, star rating, summary line, and the "Trustpilot" source label are all merchant-typed and editable — nothing is pulled from a third party, so the panel only ever says what you stand behind. Each review carries its own stars (half-stars supported), title, text, name, and date.

Built to behave. Choose how many reviews show per view on desktop and mobile, the gap, the arrow size and colors, the star color, and every text size. Reviews clamp to a line count you set so the rail stays even. On mobile the panel stacks neatly above a swipeable rail. Autoplay is off by default, it's keyboard- and screen-reader-friendly, respects reduced-motion, and won't shift your layout as it loads.

improved

Section catalog — clearer cards, calmer grid

Cards now lead with the section name, a category tag, and a one-line description. Quieter buttons and a contrast fix make the catalog easier to scan.

The section catalog got a polish pass focused on making it faster to find the right section.

Each card now has real signal. Every card leads with a clean section name, a category tag, and a one-line description of what it does — so you can tell a Hero from a Footer at a glance instead of studying the thumbnail.

A calmer grid. The bold call-to-action moved to the section's detail view, so the grid is no longer a wall of identical buttons competing with the previews. The previews now carry the page, and a small accessibility fix improves button readability.

Thin sections preview better, too. Slim sections like the announcement bar now sit on a subtle page backdrop so they read as "a bar on a page" rather than floating in empty white.

new

New section: a full-bleed shoppable slideshow

Modulo: Slideshow — a cinematic full-width hero slideshow with a color-plane wipe transition and an optional product card on every slide. Add one slide for a static hero, or several for a rotating campaign.

Your homepage hero just got a lot more capable. Modulo: Slideshow is the first true full-bleed slideshow in the library — one slide on stage at a time, transitioning with a bold color-plane wipe (or a clean cross-fade if you prefer).

Every slide can sell. Alongside the editorial side — a rotated category label, a big heading with one word highlighted in your accent color, a short line of copy, and your store promises (free returns, fast shipping) right by the button — each slide can feature a product card with its image, price, and a Shop button. Pick a product and it auto-fills from live data, or type your own overrides. Leave it off for a pure brand-story slide. Mix both in one slideshow.

Add one slide, get a static hero. With a single slide there are no arrows, dots, or autoplay — just a clean, fast hero. Add more and the controls appear automatically.

Built to behave. Autoplay is off by default (rotating heroes can hurt engagement), it's fully keyboard- and screen-reader-friendly, it respects reduced-motion, and it won't shift your layout as it loads. Recolor the planes, card, and controls to match your brand; set the height; choose the transition.

new

New section: photo reviews with a verified badge

Modulo: Verified Reviews — a photo-forward testimonial carousel where each card leads with a customer photo, carries a 'Verified customer' chip, and pairs the name + star rating with a circular profile photo. Reviews clamp to a fixed height so the row always stays even.

Social proof just got more personal. Modulo: Verified Reviews is a photo-first testimonial carousel — the kind where every review reads as a real person, not a floating quote.

A card that reads like a person. Each card leads with a customer photo, then a labeled "Verified customer" chip, the review itself, and a bottom row that pairs the name and star rating with a small circular profile photo. It's the layout shoppers already trust from review apps — now native to your page builder.

You own the "verified" claim. Verification is a per-review toggle and the chip label is yours to edit, so the badge only ever says what you stand behind. No uploaded photo? The avatar falls back to the customer's initial, and an empty card shows a clean placeholder — never a stock face.

Every card the same height. Long reviews used to make one card tower over its neighbors. Now the review text clamps to a line count you choose, the photo keeps a fixed shape, and the name row pins to the bottom — so the row stays perfectly even no matter how much someone wrote.

Built to behave. Fixed 3-up on desktop, 2-up on tablet, and a peek-ahead single card on mobile, with circular arrows centered below. Autoplay is off by default, it's keyboard- and screen-reader-friendly, respects reduced-motion, and won't shift your layout as it loads. Recolor the accent, stars, seal, and cards to match your brand.

improved

Footers now install site-wide — set up once

The community footer now slots into your theme's Footer area instead of individual pages — so it shows on every page and is configured in one place. No more adding and re-setting it page by page.

A footer belongs at the bottom of every page — but until now, adding one meant dropping it onto each template (home, product, about, terms…) and configuring it again every time. That's fixed.

Add it once, in the Footer area. The community footer now appears in your theme editor's global Footer zone — the same place your theme's own footer lives. Add it there a single time and it renders site-wide automatically.

Configure it in one place. Because it lives in the Footer area, your settings — logo, menus, colors, contact details, payment row — are stored once and apply everywhere. There's nothing to repeat per page.

Swapping in is clean. When you add it, hide or remove your theme's default footer in the same Footer zone, and you're done.

If you'd previously added the footer onto individual pages, those keep working — you can delete them and re-add it once in the Footer area for the tidy, configure-once setup.

improved

Update your installed sections to the latest version

When we improve a section you've already added, the catalog now flags it with an 'Update available' badge — and one click pulls the newest version onto your theme. Your settings stay exactly as you left them; only the design and code are refreshed.

Until now, a section was a snapshot: once you added it to your theme, it kept the version it had on the day you installed it. Improvements and fixes we shipped afterwards never reached the sections you already had. That changes today.

You'll know when there's something new. When we ship an improvement to a section you've already installed, it now shows an Update available badge in the catalog — so you don't have to wonder whether you're on the latest. Sections you haven't touched stay quiet.

One-click "Update to latest". Open the flagged section, click its button, and you'll see a new Update to latest option next to Edit and Remove. One click re-applies the newest version to your theme — no need to remove and re-add.

Your settings are kept. This is the important part: updating refreshes the section's design and code, but everything you configured — headings, images, colors, menus, layout choices — stays exactly as you set it. There's nothing to reconfigure afterwards.

You're always in control. Updates never happen behind your back. Nothing touches your live storefront unless you click Update, and a short confirmation tells you plainly what will and won't change first. (The one thing it replaces: any manual code edits made directly to the section file in the theme editor.)

improved

Upsell block: tap-through products, your language, your currency

Recommended products are now clickable through to their product page, the 'Save' / 'Sold out' / summary labels are editable and translatable, prices always follow your store currency, and the product thumbnails are cleaner and frameless.

A round of polish for the Upsell ("Frequently Bought Together") block, driven by merchant feedback.

Tap a product, go to its page. The product image and title in each upsell card are now links to that product's page — handy on mobile, where the instinct is to tap the product. The "+ Add" button and variant picker stay separate, so adding to cart still works exactly as before.

Labels you can translate or hide. "Save", "Sold out", and the running "added to your order" summary used to be locked in English. They're now editable settings, so you can match them to your storefront's language — or hide the savings and summary with the existing toggles.

Prices always in your store's currency. Automatic recommendation cards now read your store's currency directly, so prices, compare-at and savings always show the right symbol (€, £, kr…), never a stray "$".

Cleaner, frameless thumbnails. Product images sit flush in the card with no grey box or border, blending into your theme instead of reading as framed tiles.

A quieter empty state. A freshly added block with no products picked yet no longer shows placeholder cards to shoppers — that preview is now visible only to you in the theme editor.

fix

Setup checklist now counts sections — and every step is clickable

The Finish setup checklist now recognizes installed sections, not just app blocks — so it stops sending you to install something you've already added. Every step is also a direct link now.

"Continue setup" no longer misroutes. The Finish setup checklist used to mark "Install first block or section" complete only when it spotted an app block — installed page-builder sections didn't count. If you'd added a section, the step stayed open and "Continue setup" kept sending you back to the catalog. It now counts sections too, and reflects them right away.

Each step is clickable. Instead of one "Continue setup" button that only ever points at the next task, every step in the checklist is now its own link — so you can jump straight to any of them, including ones you've already finished (handy for a quick look back). Finished steps stay checked off but remain clickable until you dismiss the checklist.

A more consistent look. The checklist and the "How are we doing?" prompt now share the dashboard's navy button style, so the buttons read as one family.

improved

Automatic upsell picks, fairer review prompt, faster admin

The Upsell block can now pick products automatically, the in-app review prompt is neutral and policy-compliant, and the admin dashboard loads quicker.

Upsell can pick products for you. The "Frequently bought together" block no longer needs a manual product list. A new Recommendation source setting lets you choose:

  • Related — Shopify's own recommendation engine, zero setup.
  • Complementary — products you've paired in Shopify's free Search & Discovery app.

Pick how many to show (1–10). Your manually chosen products stay on as the fallback, shown only when no automatic recommendations come back — so the block is never empty.

Cleaner product thumbnails. We removed the boxed-in border that framed each product image in the Upsell block. Thumbnails now sit flush and frameless, blending into your theme's card instead of reading as grey-bordered boxes.

A fairer review prompt. The in-app "Enjoying Modulo?" banner used to route happy merchants to the public App Store review and quietly divert everyone else to a private feedback email. That's a sentiment gate, and it's against Shopify's review policy. It's gone. Now everyone sees one neutral prompt — "How are we doing?" — with the same two always-available choices: leave a public review, or send private feedback. Your call, either way.

A quicker admin. We trimmed weight off the dashboard's first paint — slimmer font loading, inline icons instead of an icon font, and the above-the-fold image loads eagerly. Section install-status checks are now batched and run in parallel, so stores with lots of sections see status resolve faster.

May / 2026

May

9 shipped
improved

Blocks that inherit your theme

Upsell, Sticky Add-to-Cart and Product Header rebuilt to inherit your theme's fonts and colors from a single accent — plus a new tear-off Offer block in place of Trust Badges.

A wave of block redesigns with one idea behind it: a Modulo block should look like it belongs in your theme, not like an app dropped on top. Each rebuilt block now inherits your theme's font and text color and derives its tones from there — you set one accent, not a dozen color knobs. The cart and drawer mechanics underneath are unchanged and still fully tested.

Upsell → Quick-Add. The "Frequently bought together" rows got a real – 1 + quantity stepper that syncs the exact cart line, an honest star rating (pulled only from your real reviews.rating metafield — never faked), a savings chip, and a running "added to your order" summary. Seven color settings collapsed to accent + ink.

Sticky Add-to-Cart. The bar now adapts to its own width — it reveals the compare-at price, then a thumbnail, then the variant selector as space allows, while the price and Add button never move. Respects the phone's safe-area at the bottom. Five color settings collapsed to three.

Product Header. Rebuilt on the same theme-neutral foundation with header-size and savings-style presets, and settings that reveal themselves only when relevant so the panel stays short. The standalone rating/stars option was dropped here — star ratings live with the Upsell and review blocks that read real data.

New: Offer block. A tear-off voucher with a perforated notch punched through to your theme, a tag eyebrow, a benefit headline, an optional honest deadline, and a one-tap "copy code" field that confirms out loud for screen readers. It replaces the old Trust Badges block, which had zero installs and has been removed.

new

Live chat support in the admin

A live chat widget now sits inside the Modulo admin, so you can reach us without leaving the app or digging for an email address.

Stuck on a bundle rule or a section that won't install? There's now a live chat widget in the bottom corner of every Modulo admin page.

  • One click to a human. Open the chat from any /app page — no ticket form, no hunting for hello@runmodulo.com.
  • Context comes with you. Your shop domain is attached to the conversation automatically, so we can look at the right store instead of asking you to copy-paste it.
  • Stays out of the way. It's a single floating bubble that only loads on authenticated admin pages — nothing renders on your storefront.

Email still works exactly as before if you'd rather write. The chat is just a faster path when you want one.

improved

One less toggle, one fewer 404

Bundle thumbnails now always stack by tier quantity, the Product Header preview is back in the block catalog, and the checkout-upsell extension is retired so the install footprint stays focused.

A small follow-up sweep behind today's editor cleanup.

Stack Images by Quantity is gone — and on by default. The setting used to gate whether tier cards showed 1 thumbnail or N overlapping thumbnails. It only mattered when product images were on, and the visual outcome wasn't obvious from the label. Now: if product images are enabled, tiers always render stacked thumbnails capped at 4 (so a 3-pack shows 3, an 8-pack shows 4). One fewer setting to think about; no migration on your side.

Product Header preview no longer 404s. The Product Header block was added without a catalog preview image last week, which made it 404 in the in-admin block library and produced noisy Render logs. The preview is now in place and the block renders cleanly in the picker.

Checkout upsell extension retired. The pre-purchase and thank-you upsell extension is removed. The pre-purchase target had an empty-state render bug, the thank-you target needed undocumented merchant enablement to show up, and neither was meeting the bar. Focus stays on what's solid today: Volume Bundles, page-builder sections, and theme-app-extension blocks. If you weren't using it, you'll notice nothing.

improved

Cleaner editor, honest trust signals

Tier editor simplified, social-proof and reviews now refuse to render without real data, a new Product Header block, and a more native-feeling admin chrome.

A batch of merchant-facing improvements over the past week.

Tier editor simplified. The per-tier "benefits" checklist on each Volume Bundle offer is gone — it duplicated the standalone Benefits List block. Offer cards are cleaner; storefront CSS and JS shrink. The gift-tier mismatch advisory also got rewritten so it explains both halves of the rule: gifts aren't auto-added at higher tiers, but the discount function still marks them free if they're already in the cart from elsewhere.

Trust blocks gate on real data. Social-proof and reviews blocks no longer render with placeholder counts or invented review snippets. If a real data source isn't wired up, the block stays hidden — no faked scarcity, no phantom reviews.

New block: Product Header. A single source for the product title + meta row, with size and style controls. The legacy Coupon block was retired — discount surfaces belong inside Shopify's native flows that your customers already understand.

Admin chrome went native. Pages now use Shopify's s-page shell — consistent heading sizes, slimmer support bar, wider canvas for catalog grids and the Sections / Blocks / Bundle Designs libraries. Less app-specific styling, more Shopify-native feel.

Smoother section install. Deep-links into the theme editor now open in the right window context (no broken _blank handoffs in embedded admin), and a banner surfaces if your browser blocks the popup so you know exactly what to allow. Page-builder sections also now use Shopify's native placeholder graphics when no image is set — faster installs, no app-bundled fallback weight on your theme.

improved

Insights got a real dashboard

KPI sparklines, a proportional bundle funnel, per-bundle performance with CSV export, and a 7d / 30d / 90d / all-time range picker.

The /app/insights tab used to be a compliance-only read-only page. It now does the job merchants kept asking for: see what's actually working.

  • KPI sparklines with prior-period trend chips — "+18% vs last week" visible at a glance.
  • Proportional bundle funnel — impressions → opens → adds → orders, with conversion percentages between each step.
  • Per-bundle performance table with CSV export, so you can pull data into a spreadsheet instead of screen-scraping.
  • Date range picker — 7 / 30 / 90 days or all-time. Deep-linkable via ?days= if you want to bookmark a comparison view.
  • Five-tab layout matching the cream-paper / navy / coral vocabulary the rest of the admin uses.

Still a first cut — full attribution-aware analytics is a separate post-MVP shipment — but the funnel and per-bundle CSV are enough to answer "which bundle is pulling its weight?"

fix

Bundle reliability fixes

Free gifts now land in cart for every gift product; Add to Cart is hardened against accidental double-fires.

Two reliability improvements for Volume Bundles.

Free gifts always land in the cart. Products without an exposed primary variant (archived items, drafts, hidden-variant products) could slip into the gift picker. The picker now refuses them, and existing bundles repair themselves on the next save.

Add to Cart is double-fire safe. The bundle widget latches against re-entry, so one click never triggers more than one cart add — no matter how the theme wires the button.

Both fixes apply automatically on the next version push.

new

Public changelog + roadmap launched

Track what we're shipping next, and what's already in your store. Roadmap voting at feedback.runmodulo.com.

We're opening up two things merchants kept asking for:

  • This changelog. Every shipped change — section, block, bundle improvement, bug fix — lands here first.
  • A public roadmap with voting. What's in progress, what's planned, what we've passed on. You can submit requests and vote on others'.

The roadmap lives at feedback.runmodulo.com. Submit one thing today.

Read more
new

Comparison table section

Side-by-side feature grid with emphasized column. Three preset layouts. Mobile-collapsing rows.

The comparison section is live in the picker as Modulo: Features Compare. Three variants ship out of the box: side-by-side, vs-competitor (with a highlighted "you" column), and pricing-style.

Why it's worth installing: comparison sections lift AOV ~9-14% on collection pages by anchoring high-tier products against entry SKUs. Add it under your featured collection.

improved

Trust badges — 22 new icons + 4 layouts

Per-locale labels (EN / SE / DE / FR), four layout variants, configurable spacing.

Trust badges now ship with 22 vetted icons (payment, shipping, returns, guarantees), four layouts (row, grid, stack, badge-strip), and full localization. Existing installs auto-upgrade — the schema additions are non-breaking.

Want to shape what we build next?

Vote on the public roadmap, submit a request, and follow active threads.

Open roadmap