Adding a Large image with text box section to your store theme

The image and text section can be added to your theme as an effective way to greet your customers and showcase your product. A combination of photos and text enhances your brand awareness and increases customers' willingness to engage with your content.

This section is useful when:

  • You want to reinforce your product details by providing compelling text with vivid images.
  • You want to highlight your best products.

In this article, we will demonstrate how to add a Large image with text box using the Hero theme.

Note

The types of functions you can set up in the footer section may vary depending on the theme you choose.

Adding a Large image with text box section

1. From your Shoplazza Admin > Online Store > Themes, click Customize next to the target theme.

2. Click Add section to see more available sections for this theme.

3. Under Theme Sections, add the Large image with text section to your theme and customize your configurations.

4. Click and drag the drop icon to reorganize the sections.

Setting up the Large image with text section

1. Click the Large image with text box section to modify your settings.

2. Here, select images from the library as background cover.

Note

To preview images on mobile, please refer to the preview icon on the top right.

3. Set a focal point to ensure that a key part of an image won't get cropped.

Layout

1. Use the drop-down layout menu to reposition your text box.

2. Use the Section height slider to adjust the height of this section.

Section padding

1. The padding editor is used to generate extra space around the section you create. Activate the "linkage icon" and type a value (measured in pixels) in any of the 4 columns to add buffers around the section, or you may manually adjust each input by disabling the "linkage icon" in the centered area.

2. The screenshot below is an example of using 100px spacing on each side.

3. Here, you can select to preview on desktop or mobile.

Customizing the blocks of the section

Refer back to the main page, and edit your heading and text body separately for this section.

Headings and text

Enter the subtitle, title and description of this section in corresponding blocks.

  • Subheading: Enter a subtitle for this section.

  • Heading: Enter a title for this section.

  • Text: Enter the description of this section.

Buttons

Create a name for this button and redirect traffic to any listed pages in the drop-down menu.

Pairing images with text can help viewers understand the message better. Visual aids can provide a better explanation of complex concepts and make it easier for your customers to grasp the meaning of the text.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Live chat
Reset