Hero, slideshow and collections#

These sections open your home page and lead shoppers to your products. All five can be added to the Home page and to other pages.

Slideshow#

A large opening section with one or more slides. Each slide is a block with a heading, text, a button and up to three images. The layout decides how the images are arranged: Offset plates (up to three images), One large image, Full-width image with text over it, or Cinema (a full-bleed band).

Editor name: Slideshow. Where you can add it: Home page, Pages. Blocks: up to 6.

Settings#

Behavior

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Blocks#

Block: Slide

Content

Images

Plate note

Tips

• On the Offset plates layout, a slide can show three images (Image, Second image, Third image). The One large image and Full-width layouts use only the first image.
• Add a Mobile image if the main image crops badly on phones.
• Autoplay stops when the visitor hovers over the slideshow and never runs for visitors who prefer reduced motion.
• For a single hero image with credits, use the Image hero instead.

Image hero#

A single large image with a heading, text and up to two buttons. The Stage layout fills the first screen and can sit under a transparent header.

Editor name: Image hero. Where you can add it: Home page, Pages. Blocks: up to 3.

Settings#

Content

Images

Position and overlay

Credits strip

Up to three credits (label and text) in a solid strip under the image. Stage layout only.

Style

Mobile

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Blocks#

Block: Credit (up to 3)

Tips

• Set the focal point in the image picker so the important part of the photo stays visible when the image is cropped.
• Overlay strength tints the image with the scheme background color. Use 20 to 40% if the text is hard to read over a busy photo.
• Credits (label and text) appear in a strip under the image. They show in the Stage layout only. Add up to three Credit blocks.
• To use a transparent header, turn on Transparent on the home page in the Header and put this section first on the home page.

Featured collections#

Tiles that link to your collections. The Index layout shows large type rows with the image of the active row on the right.

Editor name: Featured collections. Where you can add it: Home page, Pages. Blocks: up to 8.

Settings#

Content

Tiles

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Blocks#

Block: Collection

Tips

• Each Collection block uses the collection's own image and title unless you set an Image or Heading in the block.
• In the Index layout, the Tile link label is only read aloud by screen readers.
• To show a count such as "5 pieces", turn on Show product count.

Featured products#

A grid of products from one collection. The Spotlight layout shows one large product and four small ones.

Editor name: Featured products. Where you can add it: Home page, Pages, Collection pages, Product pages, 404 page.

Settings#

Content

Products

Grid

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Tips

• Pick a collection in Collection. Without a collection, only placeholder images show in the theme editor, and shoppers see no products.
• The Spotlight layout needs a collection with at least five products.
• In the Spotlight layout, Show description under the large card (on by default) shows the start of the product description under the large card (about 140 characters). Turn it off for a cleaner card. The setting only shows when Layout is Spotlight.
• The card details (vendor, card subtitle, color swatches, item numbers, badges) come from Theme settings > Product cards and Badges.

Featured product#

Shows one product with its gallery and buy buttons right on the page. The section is built from blocks, in the order you choose.

Editor name: Featured product. Where you can add it: Home page, Pages. Blocks: up to 12.

Settings#

Content

Gallery

Style

Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.

Blocks#

Block: Product title (one per section)

Block: Price (one per section)

Shows the price and, when Card subtitle is on in Theme settings > Product cards, the subtitle under it.

Block: Description (one per section)

Block: Variant picker (one per section)

Block: Add to cart (one per section)

Block: Details link (one per section)

Block: Product highlights (one per section)

Up to four label and value rows typed here, the same for every product. Rows with an empty label or value are skipped. The block is hidden when all rows are empty.

Block: Custom Liquid

App block. Add blocks from apps you have installed (see Apps and app blocks).

Tips

• Use the Product title, Price, Description, Variant picker and Add to cart blocks to build the buy area.
• The Product highlights block shows rows you type in the block, such as Delivery or Returns. The rows are the same for every product. Put text that is specific to one product in its description instead. Leave a label or value empty to skip that row.
• The Description block shows the start of the product description, and the Price block shows the Card subtitle when it is on.
• The Variant picker block shows color options as swatches and size options as buttons or a dropdown.
• Use the Custom Liquid block or an app block for anything the other blocks do not cover.