Pizzon - Shopify Theme Documentation
  • Introduction
  • Changelog
  • Installation
    • Install Theme
  • BASIC CONFIGURATION
    • Customer Registration
  • Shipping Rates
  • Navigation
  • Online Store 2.0
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Favicon
      • Container Width
      • Slider Dots
      • Slider Arrows
      • Pagination
      • Add To Cart Action
      • Social Share
      • Wishlist
      • Terms And Conditions Checkbox
      • Swatch / Customization Option
      • Lazyload image
      • Trust Image
    • Product Card
      • Set up for Product Card
      • Product Badges/ Labels
      • Product Swatch
      • Product Action
      • Product Review
      • Product Quick Shop
    • Theme Language
      • How to set up Multiple Languages?
      • How to set up a different language?
    • Multiple Currencies
    • Quick Search
    • Quick View
    • Newsletter Popup
    • GDPR Popup
    • Calculator Free Shipping Message
    • Someone Purchase
    • Social Media
    • Recently Viewed
    • Color (Products)
    • Typography (Products)
    • Colors (General)
    • Quick Cart/ Quick Edit Cart
    • Countdown
    • Notify Me: Out Of Stock
    • Ask An Expert
    • Adding custom CSS to your theme
    • Checkout
  • Collection & Product
    • Collection
      • Demo & Settings Data
      • Sidebar
      • Filter
    • Sub Collection
    • Collections List Section
    • Product Page
      • Demo & Settings Data
      • Product Media
      • Product Tab
      • Product Variant
      • Size Chart
      • Short Description
      • Checkout Button
      • Compare Color
      • Sticky Add To Cart
      • Infomation
      • Sold In Last
      • Hot Stock Function
      • Countdown
      • Customers Viewing Function
      • Trust Image
      • Custom Information
      • Product Review
      • Product Description Tab
      • Variant Image Grouped
    • Product Recommendations
    • Recently Viewed Products
    • Product Combo
  • Header
    • Header
    • Search
    • Megamenu/Drop Down Menu
      • Label For Menu
  • All Sections in Theme
    • Slideshow
    • Slideshow Grid
    • Slideshow Category
    • Collection List Packery
    • Collection List Packery 2
    • Modern Image With Content
    • Modern Page Banner
    • Image Banner
    • Image Banner 2
    • Product Block
    • Product Block 2
    • Product Block 3
    • Product Block 4
    • Product Tab
    • Collection Grid
    • Collection Grid 2
    • Collection Grid Slider
    • Brand Slider
    • Booking Table
    • Category Slider
    • Featured Blog
    • Newsletter
    • Newsletter 2
    • Newsletter 3
    • Newsletter 4
    • Custom Liquid
    • Rich Text
    • Section Devider
    • Google Map
    • Page Banner
    • Image With Content
    • Image With Content 2
    • Video Popup Banner
    • Custom Service Block
    • FAQs Section
    • Latest Blog
    • Customer Review
    • Recently Viewed Products
    • Instagram
    • Offer Gird
    • Breadcrumb
    • Marquee
  • Other
    • Wishlist Page
    • About us
    • Contact Us
    • Menu Page
    • Store Locator Page
    • 404 error
    • Blog
    • Cart Page
    • Checkout
  • Browsers Compatibility
  • Official Support
  • Copyright
Powered by GitBook
On this page
  1. All Sections in Theme

Image Banner

PreviousModern Page BannerNextImage Banner 2

Last updated 1 year ago

To add this section, please follow below steps:

Steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Image Banner".

1. Section Feature

Setting
Description

Layout

Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).

Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile

Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.

Sub Title

Enter the Sub title for the section.

Sub Title Font Size

Determine the font size of the Sub title.

Sub Title Font Size Tablet

Determine the font size of the Sub title on tablet.

Sub Title Font Size Mobile

Determine the font size of the Sub title on Mobile.

Select Font Type

Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.

Sub Title Font Weight

Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.

Sub Title Letter Spacing

Enter the letter spacing for the title.

Sub Title Color

Set the color for the subtitle.

Sub Title Spacing Bottom

Determine the spacing of the title from bottom.

Sub Title Spacing Bottom Tablet

Determine the spacing of the title

from bottom on Tablet.

Sub Title Spacing Bottom Mobile

Determine the spacing of the title from bottom on Mobile.

Title

Enter the title for the block.

Title Color

Set the color for the title.

Title Font Size

Determine the font size of the title on Dekstop.

Title Font Size Tablet

Determine the font size of the title on Dekstop on Tablet.

Title Font Size Mobile

Determine the font size of the title on Dekstop on Mobile.

Title Spacing Bottom

Determine the spacing of the title from bottom.

Title Spacing Bottom Tablet

Determine the spacing of the title from bottom on Tablet.

Title Spacing Bottom Mobile

Determine the spacing of the title from bottom on Mobile.

Description

Enter the description for the block.

Description Color

Set the color for the Description.

Description Font Size

Determine the font size of the description on Dekstop.

Description Font Size Tablet

Determine the font size of the description on Dekstop on Tablet.

Description Font Size Mobile

Determine the font size of the description on Dekstop on Mobile.

Description Spacing Bottom

Determine the spacing of the description from bottom.

Content: Position

Select the alignment of the title, sub title, description to be either to the Left, Right or Center of the block.

Content: Alignment

Select the alignment of the title, sub title, description to be either to the Left, Right or Center of the block.