SectionsBundlesPricingFAQBlogAboutContactContactInstall on Shopify
All changelog entriesentry 3 of 129
improved

Collection Wall: a background photo, six across, and a two-row swipe

Three additions asked for by a merchant running Collection Wall: a background photo behind the whole section, up to six products per row on desktop, and a mobile swipe that carries two rows instead of one long stack.

Three additions to Collection Wall, all from one merchant's request. Every existing install renders exactly as it did before. Each of these is off, or at its old value, until you change it.

A background photo

Under Section colors there is now a Background photo. It sits behind the whole section, product grid and all, and it is tinted with the background colour you already chose rather than with a second colour you would have to tune separately. That is the point: every text colour in this section was picked against that ground, so the photo joins the palette instead of replacing it.

Photo overlay controls how much of the colour covers the photo. It starts at 70%, which is the figure where the small grey text (the subheading, the vendor line, the crossed-out compare-at price) still clears the readable contrast floor even over a solid black photograph. You can take it down to 55% to show more of the image; below 70% the theme editor tells you what you are trading away, and only you can see that note.

The photo is loaded at a size that suits the screen asking for it, and it is never allowed to take priority over your product images.

Up to six products per row

Products per row (desktop) now goes to 5 and 6, for catalogues where the point is breadth. Give them the room: set Content width to Wide or Full bleed under Section layout, or six cards inside the standard container get narrow. Tablets drop back to four automatically, so a six-across grid never renders as a row of slivers on an iPad.

A two-row swipe on phones

Mobile layout gains Swipe (two rows). The one-row swipe and the stacked grid are both unchanged and still there.

Two rows put roughly twice as many products on screen without making the section twice as tall: a shelf a thumb travels sideways rather than a column it scrolls past. Cards keep the same width as the one-row swipe, the next column peeks in to show there is more, and an odd number of products simply leaves the last slot empty instead of stretching anything.