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.
To add this section to your homepage, navigate the following steps:
Online store → Themes → Customize
Choose “Image with text”
You will then be presented with the following settings:
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 customized colors settings. Dark: Displays a more subdued look, with blacks and charcoals.
Select an image to display on the section. We recommend sizes 600 x 600 pixels.
Toggle the checkbox to enable the text on the right to overlap the main section image.
Option to set the picture to be its original size, or the size of the section height.
Alternate between left and right placements.
Set the alignment of the text inside the content box:
Add heading text of your choice here:
Add text of your choice here:
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:
To delete the entire section, scroll to the bottom of the settings and select “remove section”.