Image with text

Pair an image with a complementary block of text - a simple yet powerful section for your storefront. Promote a product, an idea or mission statement, based on your design requirements.

This section is ideal for placing in between these other larger pieces of content, bringing added dynamism and visual variety to your layout.

Choose to link to a product or collection. You can also link to a page, such as “about us” or a blog post if you prefer.

Images’ impact is amplified when accompanied by text and vice-versa, so this is a great tool to have in your arsenal.

Customising the Image with text section

To add this section to your homepage, navigate the following steps:

  1. Online store → Themes → Customise

  2. Sections

  3. Choose “Image with text”

  4. Click "Add"

You will then be presented with the following settings:

Color Scheme

Choose a look for the section.

Minimal: Features a grayscale, clean design. Light: Shows a very subtle, light grey. Feature: Pulls in colors from your theme’s customised colors settings. Dark: Displays a more subdued look, with blacks and charcoals.

Image

Select an image to display on the section. We recommend sizes 600 x 600 pixels.

Text overlapping Image

Toggle the checkbox to enable the text on the right to overlap the main section image.

Width

Option to set the picture to be its original size, or the size of the section height.

Layout

Alternate between left and right placements.

Text Alignment

Set the alignment of the text inside the content box.

Image height

Choose between small, medium or large.

Heading

Add heading text of your choice here

Text

Add text of your choice here

Tip

It is possible to add bold or italic styling and links to this text too, if required.

Button label

This will appear as button text, once you have also added a link to the button (shown in the step below - “button link”).

Add a link by clicking in the entry field. Choose a link from the list which pops up, or add your own manually:

Here’s how your button label and button link will look, alongside the rest of the completed section components:

Remove section

To delete the entire section, scroll to the bottom of the settings and select “remove section”: