Key settings
- Collection
- Products to show
- Eyebrow
- Show collection heading
- Custom heading
- Custom text
- Show collection link
- Collection link label
Theme section
Product mosaic
Arrange products from a selected collection in a mosaic-style presentation.
Where to configure this in ShopifyOpen Online Store → Themes → Customize, select a template where the section is available, then choose Product mosaic in the theme editor. ADLAC exposes the settings and blocks listed below. Availability depends on the selected template and the theme's section groups.
How to set it up
- Open the template or section group that uses this section.
- Choose the section and adjust its settings using the editor labels shown below.
- Preview the layout with your store content.
- Preview desktop and mobile, then save the theme.
Available blocks
- No configurable section blocks listed in the source reference.
Exact Theme Editor settings
Source: sections/collection-product-mosaic.liquid (from the supplied ADLAC 1.0.0 schema-derived reference).
sections/collection-product-mosaic.liquid
| Group | Setting | Type | Default | Options |
|---|---|---|---|---|
| Content | Collection | collection | — | — |
| Content | Products to show | range | 12 | — |
| Content | Eyebrow | inline_richtext | CURATED FOR YOU | — |
| Content | Show collection heading | checkbox | On | — |
| Content | Custom heading | inline_richtext | — | — |
| Content | Custom text | richtext | — | — |
| Content | Show collection link | checkbox | On | — |
| Content | Collection link label | text | View collection | — |
| Desktop | Desktop layout | select | mosaic | Floating mosaic / Equal grid / Horizontal rail |
| Desktop | Desktop columns | range | 4 | — |
| Desktop | Rail card size | range | 300 | — |
| Desktop | Mosaic offset | range | 32 | — |
| Mobile | Mobile layout | select | carousel | Swipe carousel / 2-column grid / Stacked cards |
| Mobile | Mobile carousel autoscroll | select | off | Off / Slow / Fast |
| Product cards | Product image fit | select | contain | Show entire product / Fill card |
| Product cards | Product image presentation | select | full-bleed | Edge-to-edge / Inset |
| Product cards | Image inset spacing | range | 12 | — |
| Product cards | Show product information | checkbox | On | — |
| Product cards | Show vendor | checkbox | Off | — |
| Product cards | Show price | checkbox | On | — |
| Product cards | Show quick add | checkbox | On | — |
| Product cards | Show color swatches | checkbox | On | — |
| Product cards | Maximum swatches | range | 3 | — |
| Product cards | Swatch visibility | select | hover | Reveal on hover / Always visible |
| Product cards | Card spacing | range | 14 | — |
| Product cards | Section corner radius | range | 28 | — |
| Product cards | Card corner radius | range | 24 | — |
| Style | Use theme colors | checkbox | On | — |
| Style | Enable glass effect | checkbox | On | — |
| Style | Glass opacity | range | 75 | — |
| Style | Glass blur | range | 16 | — |
| Style | Section background | color | #FFFFFF | — |
| Style | Card background | color | #F5F5F7 | — |
| Style | Text color | color | #111113 | — |
| Style | Accent color | color | #5B5BF7 | — |
Related documentation
See the complete section reference and section overview for broader guidance.