Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Shop the feed
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Feature Details
  • Usage Suggestions

Was this helpful?

  1. Sections

Narrow banner image

Narrow Banner Image Section is used to display a narrow horizontal image on the page, often showcasing promotional content, brand slogans, or other important information. This section allows you to effectively utilize page space to convey key messages.

Feature Details

  1. Enable Full Width:

    When this option is enabled, the narrow banner image will span the entire width of the page, making it ideal for display at the top or bottom, ensuring maximum visibility for all users.

  2. Image Upload:

    Click the "Choose Image" button to upload the image you want to display. You can select an image from your local files or browse a free image library.

  3. Fixed Image Position:

    Enabling this option will lock the image in place, ensuring it does not move with the rest of the page content when users scroll.

  4. Banner Height:

    Adjust the banner image's height using the slider, measured in pixels. You can set an appropriate height to ensure the best display based on your page design.

  5. Link:

    Set a link for the banner image, allowing users to be redirected to a specific page or resource when they click on the image. You can input a full URL or link to an internal page.

Usage Suggestions

  • Visual Appeal: Ensure that the uploaded image is of high quality and matches the overall style of the page to capture users' attention effectively.

  • Clear Link Target: Set a clear destination for the image link to ensure that users are quickly directed to relevant content or product pages.

  • Adaptive Adjustments: Adjust the banner image's height based on the page layout and user devices (e.g., desktop or mobile) to ensure optimal display across all screen sizes.

PreviousCollection thumbnailsNextImage banner

Last updated 2 months ago

Was this helpful?