[Block] Image with text

  1. Select the image banner option from the theme editor.

  2. Click on Add block. Select Image with text from Theme Block dropdown.

Setting
Description

First image

Set up an image first

Second image

Set up an image second

Third image

Set up an image third

Triggered when there are multiple images

Setting
Description

Enable infinite scroll

Select this option if you want the products to scroll infinitely.

Enable autoplay

Enable/disable checkbox

Change slides every

Determines the delay between transitions. Can be from 3s to 10s, increasing arithmetically of 1s (seconds)

Enable pagination

Display pagination on devices:

  • None

  • On every device

  • Only on desktop

  • Only on (desktop, tablet)

  • Only on (tablet, mobile)

  • Only on mobile

Pagination type

Select the pagination type from the dropdown menu:

  • None

  • Dots

  • Dashed

Content

Setting
Description

Heading

Add text to display as a block heading (Leave the field blank to hide the heading)

Heading size

Font size of text:

  • Small

  • Medium

  • Large

Use custom color

Select this checkbox to use custom color for this block. (The 3 following settings only take effect if this checkbox is ticked)

Text (Color)

Set the text color for this block

Heading bottom margin

Determines the height of the bottom outside space of the hjeading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Text

Set the background color for this block

Text bottom margin

Determines the height of the bottom outside space of the text. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Button label

Add text to display as a button on the button (Leave the field blank to hide the link)

URL

Set the link, for example the customer service page

Content alignment

Set horizontal alignment for content inside section containers:

  • Left

  • Center

  • Right

Button image

Setting
Description

Image

Set up an image

URL

Set the link, for example the customer service page

Text (Color)

Set the text color for this block

Background

Set the background color for this block

Colors

Setting
Description

Color scheme

Select a color scheme to set the text and background colors for the block

Block padding

Setting
Description

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Top padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding on mobile

Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Last updated