Turbo Sections


Turbo Sections: Image with Text

image-with-text-lead-in.png

Turbo includes the highly configurable Image with Text section to enhance pages. This section is ideal if you want to showcase images. Whether these images are product-related, brand-related, or lifestyle shots, this section pairs images with messaging and a call-to-action button.

Add a Section to a Product Page

Add a Section to a Page

  • Section Settings

    Click the Image with text section to open the section settings. These settings determine the look and layout of this section.

    click_section_to_open_settings.png

    Wide display

    Enable Wide display for the section to span the full width of the window. Otherwise, the section will be limited by a horizontal container.

    Images per row

    Here you can choose how many 'Image with text' blocks you'd like to show per row. Choose from 1 or 2.

    Text alignment

    Here you can choose the alignment of your text and button: Left, Center, or Right.

    First image position

    This setting allows you to choose whether your first content block's image shows up on the Left or Right. The following content blocks that you add will then alternate so they appear staggered.

  • Content Block Settings

    Click one of the preloaded blocks to open that block's settings. Blocks are configured individually. Their order can be adjusted by dragging them with the cursor.

    click_block_to_open_settings.png

    Customize Page Blocks

    Click Select Image to assign an image to the block.

    Select an option for Image cropping.

    Add a Heading, Text, Button label, and Button link using the provided fields. 

    Customize the block's Text and Background colors by adding a hex code to the field or with the rounded-square swatches.

Mobile Layout

When viewed on a mobile device, regardless of your 'first image position', the image and text will stack vertically with the image showing first.

Related articles