Collection List Section in the eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance.
Using the Collection List Section
The eComm Performance theme features a 'Collection List' section that is available on the homepage. The 'Collection List' lets you feature a set of Collections together, displayed in a grid layout. This section is similar to creating a 'sub-collection' because it features a subset of collections. However, all of the collections are chosen in the theme editor to display on your homepage for this section.
You have two options to display the collection title, either below the collection image or you can have it displayed when a customer hovers over the image (Theme Settings > Product Grid > 'Show product information on hover').
This section gives you the option to display eight collections. Each block allows you to select which collection you want to include. This collection will display the collection image by default. You can decide to upload an alternate image instead if you choose.
To set up the Collection List, go into Customize (your Theme Editor) > Sections > Add Section > Collection List.
Collection List Settings
Section Settings
The section settings help you decide how you want the section to look and its layout!
Align height of collection images/Collection image height
It is recommended to upload images that are the same size and orientation to ensure that the images are consistent. However, sometimes, there are images with different sizes. In this case, you can align your images' height and choose the size of each image on the 'collection image height' slider.
Collections Per Row
In this section, you can decide how many collections you want to be shown per row. You can choose from two to five.
Content Block Settings
The content block settings can be customized for each collection block. You can select your collection and, if you choose to, an alternate image to be featured.
Example
Section Settings
- Collections per row: 3
- Show product information on hover (Theme Settings > Product Grid): Enabled.
Mobile Layout
When the 'Collection List' is viewed on a mobile device, it will automatically stack vertically as a grid. You can decide whether to have one or two collections per row by changing the 'Products per row on mobile' setting that can be found in Customize > Theme Settings > Product Grid:
Related Articles
Collection Page Sidebar on the eComm Performance Theme
Supported Versions: The details shared in this article apply to the most updated version of eComm Performance. Using the Collection Page Sidebar eComm Performance's Collection pages has the ability to display a 'sidebar' on the collection page. ...Gallery Section in the eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Using the Gallery Section The eComm Performance theme has a section where you can display only images! The 'Gallery' section is a great way to ...Featured Products Section - eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Using the Featured Products Section The eComm Performance theme has a 'Featured Products' section which is an easy way to showcase products and ...Recommended Products in the eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Adding Recommended Products You have the option to enable Recommended Products on all product pages in the eComm Performance theme. Shopify has ...Rich Text and Image Section on the eComm Performance Theme
Supported Versions: The details shared in this article apply to the updated version of eComm Performance. Using Rich Text and Image The eComm Performance theme includes a 'Rich Text and Image' section that allows you to add a content block to your ...