Sitar Documentation
Live chatSubmit a Ticket
  • Webibazaar Support
  • Sitar Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Lookbook
    • Social media gallery
    • Image with product
    • Countdown timer
    • Collection name
    • Slideshow
    • Collection list
    • Image with text
    • Featured collection
    • Video
    • Logo list
    • Multicolumn
    • Featured product
    • Image banner
    • Collection tabs
    • Scrolling bar
    • Product banner
    • Testimonials
    • Text with icons
    • Blog posts
    • Collapsible content
    • Counter
    • Contact form
    • Rich text
    • Custom text
    • Newsletter
    • Hero banner
  • Footer
  • Age verification popup
  • Theme Settings
    • Corner radius
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Badges
    • Breadcrumb
    • Social media
    • Product card review
    • Search behavior
    • Currency format
    • Cart
    • Theme style
    • Checkout
    • Custom CSS
  • Product page
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Image with text

PreviousCollection listNextFeatured collection

Last updated 10 months ago

Add an image with a title, description, and Button. Choose the size of your image and upload it.

Setting
Description

Make section full width

Enable this checkbox to set full width background in the image with text section.

First image

Use "First image" to add the main image to the section.

Second image

Use "Second image" to add the small image to the section.

Image height

Customization of the "Image height" in the Image with text section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Image position

Customization of the "Image position" in the Image with text section is as follows:

  • Left

  • Right

Desktop Image width

Below, you will find customizations for adjusting the desktop image width within this section:

  • Small

  • Medium

  • Large

Desktop content position

Desktop content position customization of the text in the section is as follows:

  • Top

  • Middle

  • Bottom

Desktop content alignment

Customization of text alignment in desktop devices is as follows:

  • Left

  • Center

  • Right

Background image

You can add an image behind the content by using a background image.

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Animations

Customization of the "Image behavior" in the Image with text section is as follows:

  • None

  • Ambient movement

By employing the Ambient movement feature, the image will exhibit motion.

Mobile layout

Mobile content alignment Customization of text alignment in mobile devices is as follows:

  • Left

  • Center

  • Right

Add block

To add blocks to the Image with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Bottle

  • Box

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Heart

  • Iron

  • Leaf

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Serving dish

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

  • Washing

  • Chat

Open collapsible row

Enable this checkbox to open collapsible row.

Row content

Enter text to display as a row content in the section.

Row content from page

Used page to add the content from page in the section.

Heading

Heading Enter text to display as a title in the section. Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Caption

Text Input the text to be displayed in this section.

Uppercase text

Enable this checkbox to set uppercase text.

Text

Sub heading Click on the "Add block" and select the Heading. And enter text to display as a sub heading in the section.

Content Click on the "Add block" and select the text. And enter text to display as a Content in the section. Content style

Customization of the "Content style" in the Image with text section is as follows:

  • Body

  • Subtitle

  • Uppercase

Author details

Image Used image to add to the author image in the section. Image type

Customization of the "Image type" in the Image with text section is as follows:

  • Original

  • Circle

  • Rounded rectangle

Name Enter text to display as a author name in the section. Position Enter text to display as a author position in the section.

Button

Click on the "Add block" and select the Button. Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Open this link in a new window By using the "Open this link in a new window" option, the link will open in a new tab. Button style

Customization of the "Button style" in the Image with text section is as follows:

  • Link

  • Outline button

  • Solid button

Image

Use "Image" to add the image to the section.

Live Chat Support | Webibazaar Template
Logo