Image with text section

An Image with text section is a direct and effective way to greet your customers and showcase your product in your storefront. A combination of photos and text enhances your brand awareness and increases customers' willingness to read more. In addition, it helps with optimizing your SEO rankings.

Creating an Image with text section

1. From your Shoplazza Admin, go to Online store > Themes > And click the Customize button.

mceclip2.png

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

mceclip1.png

3. Under THEME SECTIONS, select Image with text section and customize your configurations.

mceclip3.png

4. If you would like to reposition the Image with text section, use the Drag indicator to place anywhere on the layout.

mceclip4.png

5. In the added Image with text section, Select an image from Library as a cover photo for this section. Here, you can also adjust the Image width.

mceclip5.png

6. In Layout, you can alternate the position of images to show on left or right.

mceclip6.png

7. Image half-page width auto resizes all images to 1/2 of the screen size.

Note

By applying this feature, the Image width slider will be disabled.

mceclip7.png

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.

mceclip8.png

2. The screenshot below is an example use of 50px spacing on each side.

mceclip9.png

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

mceclip10.png

Heading & Text

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

mceclip11.png

Buttons

Here, you can create a name for this button and redirect traffic to any page in the dropdown menu.

mceclip12.png

Congratulations! You have now completed this tutorial. Go ahead and create your first Image with text section!

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

Comments

0 comments

Please sign in to leave a comment.