SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Kalles - Image with text

Annie

Written by Annie

Last updated

1639 views

On this page


This section allows you to show the images, text, and you can choose a grid, carousel layout for the images.

Steps: In the theme editor (Customize) > Add section > Image with text > Save.

1. Image with text contents

There are 2 blocks in this section: Image and Text.

1.1. Image

SETTINGS

  • Image: This option allows you to upload an Image. And you can upload up to 5 photos

  • You are allowed to change Item width(Desktop, Tablet and Mobile) and Layout design.

Please follow this video below for details:

POSITION IMAGE ON MOBILE

  • Position image: This option allows you to set the position of the image as Default or Reverse.

OPTIONS IMAGE & OPTIONS FOR CAROUSEL LAYOUT

  • Helps you configure the image with options for mage ratio, Image size, Image position.

  • Slider effect: You can choose between Fade or Slider.

  • You can adjust Slider effect, Enable Loop and Autoplay feature

2023-07-04_15-58-35.gif
  • You can adjust Slider effect, Enable Loop and Autoplay feature

  • Change style for Prev next button and Page dots

1.2. Text

  • You can add a text to and you can adjust text with many options like Item width, Text size, Text alignment, Sub heading, Heading and Text.

2023-07-04_16-01-53.gif
  • Config some color options: Subheading color, Heading color, Description color and Enable text shadow.

  • choosing style of the button with options for Button label, Button link, Open link in, Enable button icon, Button style, Button style, Button color, Button hover effect.

2023-07-04_16-04-08.gif

2. Image with text settings

HEADING OPTIONS

You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

GENERAL OPTIONS

  • Space horizontal/vertical items

2023-07-04_16-05-20.gif

DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.