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 Featured Promotions
The Turbo theme includes a highly configurable 'Featured Promotions' section which is available on the homepage. The 'Featured Promotions' section is a great way to catch your customer's attention, and direct it towards specific content in your shop that you’d like them to see or explore further!
The 'Featured Promotions' section will allow for up to 12 promotions blocks. Each feature block includes image, text, and button settings. When hovering over each promotion, the text and button will appear on top of the image as well as a subtle overlay for legibility purposes.
In order to set up the Featured Promotions, click into Customize (your Theme Editor) > Sections > Add Section > Featured Promotions.
Featured Promotions Settings
-
Section Settings
The section settings determine the look and layout of this section!
Promotions per row
Here you can choose how many promotions you'd like to show per row. Choose from 2 up to 4:
Wide display
You can enable this setting which will allow the featured promotions to span the full width of the screen, or choose to disable it which will contain the promotions in the center of the page, adding space between each promotion:
Promotions Animation
The promotions animation setting allows you to choose which animation style you'd like your promotions to load onto the page as the customer scrolls down. You can choose from: 'None', 'Fade In', 'Fade Up', or 'Fade Down':
Promotions Style
The promotions style setting allows you to choose whether your promotions display as a circle, square, or rounded:
Show title on Image
Enabling this setting will display the heading ontop of the featured promotion image, if you disable it, the heading will display underneath:
-
Content Block Settings
The content block settings are for configuring each promotions block. You can choose to add an image, link, header, text, and a button label for each promotion.
The button and text will appear on hover, and if you choose to add a button label, this will lead to the same link as the rest of the promotion:
Examples
-
Demo Shop Examples
Here's how we set up the 'Featured Promotions' homepage section in each of our demo shops for Turbo!
-
Portland
Section Settings:
Promotions per row - 4
Wide display - enabled
Promotions animation - none
Promotions style - square
Show title on image - enabled
-
Seoul
Section Settings:
Promotions per row - 2
Wide display - disabled
Promotions animation - none
Promotions style - square
Show title on image - disabled
-
Florence
Section Settings:
Promotions per row - 2
Wide display - enabled
Promotions animation - none
Promotions style - square
Show title on image - enabled
-
Chicago
Section Settings:
Promotions per row - 3
Wide display - enabled
Promotions animation - fade in
Promotions style - rounded
Show title on image - enabled
-
Dubai
Section Settings:
Promotions per row - 2
Wide display - enabled
Promotions animation - fade in
Promotions style - square
Show title on image - enabled
-
-
Additional Examples
Example 1
Section settings
Promotions per row - 4
Promotions animation - fade in
Promotions style - circle
Example 2
Section settings
Promotions per row - 3
Promotions animation - fade up
Promotions style - rounded
Mobile Layout
When viewed on mobile devices, the 'Featured Promotions' will stack vertically. The subtle overlay remains on top of the image along with the text and/or buttons:
