Turbo Guide: Rich Text and Image

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

• Rich Text and Image Settings
• Examples
• Mobile Layout

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
• Additional 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

  Heading - 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.