Layout settings

Choose grid or slideshow layouts and set how many columns show on desktop and mobile.

Last updated About 5 hours ago

Sections that display a list of items — Featured collection, Multicolumn, Collection list, and similar — include a Layout settings group. This is where you decide whether those items sit in a grid or scroll as a slideshow, and how many fit on each screen size.

Switch mobile to a slideshow

  1. Open the section (Featured collection is a common starting point).
  2. Under Layout settings, set Mobile layout to Slideshow.
  3. A Slideshow settings group appears — set autoplay, arrows, and pagination there. See Slideshow control settings.

Desktop can stay on Grid while mobile slides; you don't have to match them.

Change how many columns show

  • Desktop column count — how many items per row on large screens. The maximum depends on the section (Featured collection offers 2 or 3; Multicolumn goes up to 8).
  • Mobile column count — usually 1 or 2. Two columns works well for compact product grids on phones.

Turn on a desktop slideshow

Set Desktop layout to Slideshow when you want horizontal scrolling on wide screens too — common for logo bars, testimonial rows, or product carousels.

Add space between columns

Some sections (Multicolumn, for example) include Column gap. Turn it on to add visible spacing between grid items instead of edge-to-edge tiles.

Other settings

Individual blocks inside Multicolumn can override column count when the section is in grid mode. Card appearance comes from Theme settings > Product cards or each section's Card settings — see Product cards.