Adding a Recommended Image and Text Section to Your Store Theme

The Recommended image and text section offers versatility by enabling you to display multiple images to advertise your product and collections. With a more flexible layout and optional buttons, it gives you the choice to tell the story of your brand and attract new customers by redirecting them to your collections.

This section is useful when:

  • You want to have a more flexible layout and display multiple content photos.
  • You want to increase your brand awareness.

In below steps, we will demonstrate how to add a Recommended image and text section to your store theme.

Adding a Recommended image and text 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, select the Recommended image and text section to customize your configurations.

4. Click and drag the sections using the drag and drop icon to reposition them as needed.

Setting up your Recommended image and text section

Customizing the style of the section

Main image

Select an image from your Library as a cover photo for this section.

Layout

Opt to position your main image on the left or right, altering the visual flow.

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 use of 50px spacing on each side.

3. Toggle between desktop and mobile previews to ensure optimal display.

Editing the blocks of the section

Headings & Text

Return to the main editor to modify the heading and text for this section.

Buttons

  • Customize the button name and link it to any page from the dropdown menu.

  • Choose your button style:
    • Primary button: This option emphasizes color contrast by making your button distinguishable from other objects and the background.
    • Secondary button: This option has lower contrast and makes your button blend into the background.

Note

Modify button colors under Theme settings > Color in the main theme editor.

Images

Select a secondary image from your library, such as a collection cover photo.

You're now ready to create your first Recommended Image and Text section, a step that will elevate your store's visual appeal and customer engagement.

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

Comments

0 comments

Please sign in to leave a comment.

Live chat
Reset