Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Kalles - Image with text

Annie

Written by Annie

Last updated

595 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.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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