Product sheet
Where you can add it
Not in section groups: Header, Footer.
Blocks
Section titled “Blocks”Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Heading Make a word italic to emphasize it. | Inline rich text | Popular right now | |
| Heading size Shown when Heading is set. | Select | Large | |
| Highlight color Leave empty to use the page’s highlight color. Shown when Heading is set. | Color | — | |
| Products | |||
| Show products | Checkbox | On | |
| Collection Sort the collection by Best selling in Shopify admin to keep the row current. | Collection | — | |
| Products Products picked here show instead of the collection’s. | Products | — | up to 12 |
| Products to show Shown when Show products is on. | Range | 4 | 2–12, step 1 |
| Arrangement | |||
| Layout on desktop Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid. Shown when Show products is on. | Select | Grid | |
| Layout on tablet Shown when Show products is on. | Select | Carousel | |
| Layout on mobile Shown when Show products is on. | Select | Carousel | |
| Columns on desktop Shown when Show products is on and Layout on desktop is not Stack. | Range | 4 | 2–6, step 1 |
| Columns on tablet Shown when Show products is on and Layout on tablet is not Stack. | Range | 2 | 1–4, step 1 |
| Columns on mobile Shown when Show products is on and Layout on mobile is not Stack. | Select | 1 | |
| Space between products Shown when Show products is on. | Range | 20 px | 8–48 px, step 2 |
| Pagination Shown when Show products is on and Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Select | None | |
| Show arrows Shown when Show products is on and Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Checkbox | Off | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when Show products is on and Show arrows is on. | Select | Auto | |
| Product card | |||
| Image ratio Shown when Show products is on. | Select | Portrait | |
| Show the image gallery on hover On hover the card moves through the product’s images, as set in Theme settings › Product card › Image on hover. Touch screens show the first image. Shown when Show products is on. | Checkbox | On | |
| Show vendor Shown when Show products is on. | Checkbox | Off | |
| Show color swatches Shown when Show products is on. | Checkbox | On | |
| Show quick add Shown when Show products is on. | Checkbox | On | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Defaults here: Section width Full width (everywhere else: Page width); Color scheme Scheme 2 (everywhere else: Scheme 1); Top spacing 84 px (everywhere else: 64 px); Bottom spacing 108 px (everywhere else: 64 px); Top spacing on mobile 48 px (everywhere else: 40 px); Bottom spacing on mobile 64 px (everywhere else: 40 px); Reveal style None (everywhere else: Use theme setting); Stagger 70 ms (everywhere else: 0 ms). | |||
Presets
Section titled “Presets”- Product sheet — Category: Products
Starts with: Shop by collection