Help Center
Explore ThemesMade with InspiredThemeAbout UsContact
  • ABOUT INSPIREDTHEME
  • General theme settings
    • Available page types
  • UPDATES
    • Changelog
  • Getting started
    • What is Online Store 2.0 theme?
    • Before you customize your theme
      • Step 1: Duplicate your theme to create a backup copy
      • Step 2: Follow our suggestions for a better design experience
      • Step 3: Understand the level of support we provide
      • Step 4: Learn about the ideal Shopify image sizes
  • GENERAL INFORMATION
    • How to install theme
    • Try themes for free
    • Add products to store
    • Set up collections
    • Customize the theme
    • Navigation menus
  • SECTIONS
    • Sections available in Inspired Themes
      • Featured collection
      • Featured product
      • Collection list
      • Rich text
      • Image with text
      • Image banner
      • Slideshow
      • Collage
      • Multicolumn
      • Email signup
      • Contact form
      • Video
      • Blog posts
      • Custom Liquid
      • Page
      • Collapsible content
      • Video banner
  • HEADER
    • Announcement bar
    • Header
  • PRODUCT PAGES
    • Product information
      • Default product blocks
      • Text
      • Line item property
      • Inventory status
      • Collapsible tab
      • Custom liquid
      • Pop-up
      • Product rating
    • Product information section settings
    • Product recommendations
    • Creating product templates
  • COLLECTION PAGES
    • Collection banner
    • Product grid
    • Creating collection templates
  • PAGES
    • Page Templates
    • Creating page templates
    • Other pages
      • 404
      • Cart
      • Checkout
      • Search
      • Blog Posts
      • Blog
  • FOOTER
    • Footer blocks
    • Footer settings
  • THEME SETTINGS
    • InspiredTheme Settings Intro
      • Colors
      • Typography
      • Styles
      • Layout
      • Animation
      • Social media
      • Search input
      • Favicon
      • Currency format
  • FAQs
    • Customer account
    • Set up local pickup
    • Where do submission of Email signup forms go?
    • View contact form submissions
    • Restrict store access, remove password
    • Integrate apps into the theme
    • How to add or edit content store policies?
    • How to use Canva templates
    • How to create Gift Card Products
    • How to center the heading of sections?
    • How to enable the country/region selector?
  • SUPPORT
    • InspiredTheme Support
Powered by GitBook
On this page
  • 1. Our guide to set up an Image banner section:
  • 2. Section blocks:
  • 3. Image banner section settings:

Was this helpful?

  1. SECTIONS
  2. Sections available in Inspired Themes

Image banner

The Image banner section provides a flexible and stylish option for combining text, images, and links. Use the section blocks and settings to showcase media and messaging.

Last updated 1 year ago

Was this helpful?


The Image banner section is a perfect opener. A lightweight section that can present a full-width image.

1. Our guide to set up an Image banner section:

Steps:

  • In the theme editor, click Add section.

  • Locate Image banner.

  • Click Save.

2. Section blocks:

  • Heading: Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.

  • Text & Caption: Click the Text/Caption block to customize its content. Add the content to the Description field.

  • Countdown timer: display a live countdown for an upcoming event or sale. Use this block to create a sense of urgency or anticipation for your customers.

  • Buttons: Click the Button block to customize its content. Connect a page or other URL with the Link field.

3. Image banner section settings:

  • Click on the Image banner section to open the section settings.

  • Image: Select or upload one image. There are no required image dimensions but we recommend an image that is landscape (wider than it is tall). We recommend uploading an image with a minimum width of 2048px for optimal quality.

You can add a link to redirect customers to your desired page. Enable parallax effect and change Image overlay opacity if needed.

  • Banner height: Section height options include: Small, Medium, and Large. Choose Adapt section height to image size to display the original image shape.

  • Align the content to the Left, Center, or Right by selecting one of these options from the Desktop/Mobile content alignment setting to build the best look for different devices.

  • Use the Section width option to control the maximum width of the Image banner section to Full width or Fixed.