Collection list sections are designed to help you showcase new or seasonal collections on your home page. With Empire, you can feature up to twenty collections per section.
Add Collection list to your home page
- In the theme editor (Customize), click [+] Add section
- Locate Collection list
- Click the section, then Add
Include optional heading
Add a Heading for the Collection list home page section using the provided field.
Select the collections to include
Select the collections to display by clicking one of the preloaded Collection blocks. Add more blocks by selecting [+] Add Collection.
To remove a block, open it by selecting it, then click Remove [collection name] at the bottom of the settings.
Assign a collection to the block by clicking Select collection.
Add custom image and title
By default, Empire will display the collection's title and image. These are both configured in the Collections portion of your Products admin.
To use a custom title (e.g. Shop Housewares), open the collection block and add your copy to the Title field.
To add a custom image, click Select image under Image.
Adjust number of columns
Use the Columns per row slider to include 3, 4, 5, or 6 columns within the horizontal row.
For mobile devices, use the Columns per row on mobile slider to include 1, 2, or 3 columns in the row.
Select an image crop option
Select an option from the Image crop dropdown to control the image container shape.
The options are:
- Rounded Rectangle
Include a call-to-action button
Consider including a call-to-action button to connect merchants with another page.
Use the Label field to control the text for the button. Assign a page link by clicking the Link field. Select one of the provided links (e.g. All Collections) or paste your page URL here.
Select either Primary or Secondary from Button style to control the styling for the button.