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 Rich Text and Image
The Turbo theme includes a 'Rich Text and Image' section that quickly and easily allows you to add a block of content to the homepage which can be used in many different ways. The 'Rich Text and Image' section includes an image, heading, text, and a button - which are all optional. You can add all of these fields, a couple of them, or just choose one!
The 'Rich Text and Image' section is a great way to add basic and informative text - perhaps a couple of introductory and 'about us' paragraphs to talk about your product/company or share exciting announcements near the top of your homepage. This section is also a great way to highlight a product; add one main image, then list the product features or benefits and link to the product page.
In order to set up the Rich Text and Image section, click into Customize (your Theme Editor) > Sections > Add Section > Rich text and Image.
Rich Text and Image Section Settings
The section settings determine the look and layout of this section!
Image
The 'Rich text and Image' section includes an option to upload an 'image'! The image will display at the top, above any text that is entered:
Heading/Text
The 'Rich text and Image' section includes an option to upload a 'heading' and 'text'! If you have an image uploaded, the 'heading' and 'text' will show underneath. Within the 'text' area, you can choose to bold, italicize, or link text as well:
Text Size
You can choose the size for the 'text' with the 'text size' setting. Choose from 'regular' or 'large':
Text Alignment
Here you can choose the alignment of your text and buttons (if you've added any!) Choose from left or center:
Button label/Button link
The 'Rich text and Image' section comes with an option to enable a 'button label' and 'button link'. You can enter text into the 'button label' setting and add an internal or external link to the 'button link' setting:
Examples
-
Demo Shop Examples
Here's how we set up the 'Rich text and Image' homepage section in our demo shops for Turbo!
Portland
Section settings
Heading - added
Text - added
Text size - regular
Text alignment - center
-
Additional Examples
Example 1
Section Settings
Image - added
Heading - added
Text - added
Text size - regular
Text alignment - center
Example 2
Section Settings
Image - added
Heading - added
Text - added
Text size - large
Text alignment - center
Button label/button link - added
Mobile layout
When viewed on a mobile device, the 'Rich Text and Image' section will responsively adjust to fit into your mobile screen.
