Supported Versions
The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Using the Collection List Section
The Turbo theme includes a 'Collection List' section which is available on the homepage. The 'Collection List' allows you to group and feature a set of Collections together displayed in a grid layout. The 'Collection List' section is similar to creating a 'sub collection' as it features a subset of collections. However, for the 'Collection List' all of the collections are chosen within the theme editor to display as a section on your homepage.
You can choose to have the collection title visible below the collection image, or you can choose to have it only display when the customer hovers over the collection image (Theme Settings > Product Grid > 'Show product information on hover').
The 'Collection List' section will allow for up to 8 Collections to display. Each collection block will allow you to select a collection. This collection will display it's 'collection image' by default, however, you can choose to upload an alternate image instead!
In order to set up the Collection List, click into Customize (your Theme Editor) > Sections > Add Section > Collection List.
Collection List Settings
-
Section Settings
The section settings determine the look and layout of this section!
Align height of collection images/Collection image height
While it's always recommended to upload images that are the same size and orientation to ensure consistency, sometimes your images you'd like to use may be just a little different in size! You can use this setting to align the height of your images and choose the size on the 'collection image height' slider.
Collections per row
Here you can choose how many collections you'd like to show per row. Choose from 2 up to 5:
-
Content Block Settings
The content block settings are for configuring each collection block. You can select your collection and upload an alternative image to display.
Examples
Example 1
Section Settings
Collections per row - 2
Show product information on hover (Theme Settings > Product Grid) - disabled
Example 2
Section Settings
Collections per row - 5
Show product information on hover (Theme Settings > Product Grid) - enabled
Mobile Layout
When viewed on a mobile device, the 'Collection List' will stack vertically as a grid. You can select to either have 1 or 2 collections per row by adjusting the 'Products per row on mobile' setting found in Customize > Theme Settings > Product Grid:
