The Promo list section shows a numbered list of promotions, such as new arrivals or gift sets. Each row has a large title, a short line of text and a photo, and the whole row links to a collection or another page. To add one, click Add section in the editor and select Promo list.
The Promo list preset has three Promo blocks with a title and a line of text. No preset comes with a collection or a photo, so the rows have no photo and do not open anything until you add them. The section has no heading of its own.
The list on the page
Each row starts with its number, such as 01, in small, lighter text. The numbers follow the order of the blocks, and thin lines divide the rows.
On screens 1000 px and wider, a row runs left to right: the number, the title, the text, and the photo at the right end.
On narrower screens, the number sits above the title, the text under it, and the photo at the right of the row.
When the pointer is over a row, or a keyboard user moves to it, the row's title scrolls behind it in very large, faint letters.
On a screen 1000 px and wider with a mouse, the photos leave the rows. When the pointer is over a row, that row's photo appears under the pointer and follows it, tilting as it moves.
Visitors whose device is set to reduce motion see the photo in each row, and the large title stands still.
Layout
Padding top, Padding bottom, Margin top and Margin bottom add space inside and around the section. Section layout settings describes them.
The Promo list section shows a numbered list of promotions, such as new arrivals or gift sets. Each row has a large title, a short line of text and a photo, and the whole row links to a collection or another page. To add one, click Add section in the editor and select Promo list.
The Promo list preset has three Promo blocks with a title and a line of text. No preset comes with a collection or a photo, so the rows have no photo and do not open anything until you add them. The section has no heading of its own.
The list on the page
Each row starts with its number, such as 01, in small, lighter text. The numbers follow the order of the blocks, and thin lines divide the rows.
On screens 1000 px and wider, a row runs left to right: the number, the title, the text, and the photo at the right end.
On narrower screens, the number sits above the title, the text under it, and the photo at the right of the row.
When the pointer is over a row, or a keyboard user moves to it, the row's title scrolls behind it in very large, faint letters.
On a screen 1000 px and wider with a mouse, the photos leave the rows. When the pointer is over a row, that row's photo appears under the pointer and follows it, tilting as it moves.
Visitors whose device is set to reduce motion see the photo in each row, and the large title stands still.
Layout
Padding top, Padding bottom, Margin top and Margin bottom add space inside and around the section. Section layout settings describes them.
Background
The section can sit on a color, a photo or a video. Section background settings covers these settings.
Motion
Dark moment, Rise on scroll and Chapter title work as in every section. Section motion settings describes them.
Promo blocks
Setting
What it does
Collection
Fills the row's title, photo and link from a collection: its title, its image and its page.
Heading
The row's title. It replaces the collection's title.
Text
A short line of text. On large screens, it sits to the right of the title.
Image
The row's photo, cropped to a 4:3 shape in the row. It replaces the collection's image.
Link
The page the row opens. It replaces the collection's page.
With no Promo blocks, the section shows nothing, in the editor as well. To add a row, click Add block under the section in the editor sidebar.