Omnikyo/Help Center
Reference

Section catalogue: header, footer and banners

Every section that appears in the header, footer and banner areas of your store, what each one does, and its main settings.

বাংলায়: ডিজাইনারে সেকশন যোগ করার সময় এই তালিকা দেখায় প্রতিটি বিভাগের নাম, তা কী করে এবং কী সেটিংস আছে। Header, Footer এবং Hero সেকশনগুলো বিশেষ জায়গায় বসে।

Where to find it: When you add a section in the designer sidebar, each section appears in the picker with its name, a thumbnail and description. This reference lists them by area.

Header sections

Sections in the Header group appear above the main page content. You can place one of each type.

Announcement bar

A slim banner across the top of the page that cycles through slides automatically, with pause on hover and manual skip arrows. Use it for rotating promotions or alerts.

Key settings:

  • Time between slides (2 to 10 seconds; default 5)
  • Full width or page width
  • Divider line thickness and color
  • Top and bottom padding

Header

Your store header: logo, navigation menu, search trigger and cart badge in one or two horizontal rows. The logo and menu positions can be left, centre or right. The search and cart appear as icons (or text labels on desktop, configurable).

Key settings:

  • Logo position (left, centre, right)
  • Menu position and row (top or bottom)
  • Search icon on/off, and its position and row
  • Section width (page width or full width)
  • Height (compact or standard)
  • Sticky behaviour (always, on scroll up, never)
  • Row colors (top and bottom separately)
  • Cart bubble colors
  • Transparent header modes (one each for Home, Product and Collection pages) — when on, you can set an inverse logo and text color for transparent backgrounds

Footer sections

Footer sections appear only in the Footer group, below the main page content. You can add any number of these.

Footer

The main footer area with a flexible grid. Blocks arrange in equal columns (1 on phones, up to 4 on desktop), so content stays aligned and balanced.

Key settings:

  • Full width or page width
  • Gap between columns (0 to 100px)
  • Background color
  • Top and bottom padding

Policies and links

A bottom footer strip under a hairline, meant for footer links and policy buttons. Up to 3 blocks fit side by side on desktop (stacked and centred on phones).

Key settings:

  • Full width or page width
  • Gap between items (0 to 100px)
  • Divider line thickness and color
  • Top and bottom padding

A large store logo or store name (if no logo is set), placed only in the footer. Often used as a visual anchor at the bottom.

Key settings:

  • Use the inverse logo from Theme settings (toggle)
  • Font choice when displaying the store name (Body, Subheading, Heading, Accent)
  • Size unit (pixels or percent)
  • Custom mobile size
  • Full width or page width
  • Alignment (left, centre, right)
  • Background color
  • Top and bottom padding

Large visual areas with images or videos and optional text overlays appear on any page type, not just in the header group.

Hero

A full-bleed banner with one or two images or videos, an optional overlay, and a flexible area for blocks (text, buttons, logo, etc.) overlaid on the media.

Key settings:

  • First and second media items (image or video each)
  • Mobile media — stack them vertically, or choose different images for mobile
  • Link the whole hero to a URL
  • Section width (page width or full width; media always bleeds edge-to-edge)
  • Height (auto, small, medium, large, full screen, or custom percent)
  • Media overlay (color and style: solid or gradient up/down)
  • Blurred reflection below the media (toggle) and its opacity
  • Background color
  • Top and bottom padding

Slideshow

A carousel of slides that scroll horizontally, with manual arrows and dot pagination. Full-frame mode fills the width; inset mode shows neighbouring slides peeking. Autoplay runs only in full-frame.

Key settings:

  • Layout (full frame or showing neighbouring slides)
  • Full width or page width
  • Show edges on mobile (toggle; for inset only)
  • Gap between slides (0 to 30px)
  • Corner radius
  • Media height (auto, small, medium, large)
  • Content position (on the media or below it)
  • Background color
  • Navigation icons (arrows, chevrons, large variants, or none)
  • Icon background style (none, circle, square)
  • Pagination (dots, counter, or none)
  • Autoplay on/off (full frame only) and speed (3 to 7 seconds)
  • Top and bottom padding

Layered slideshow

A stack of cards that open one at a time. Closed cards are thin interactive strips at the top; tap or click to reveal that card's content below.

Key settings:

  • Full width or page width
  • Height (auto, small, medium, large)
  • Corner radius (0 to 32px)
  • Border width (0 to 4px)
  • Drop shadow (toggle)
  • Background color
  • Top and bottom padding

Marquee

An endless-scrolling text or icon strip (repeats to fill the width, pauses on hover). Common use: trust badges, partner logos, certifications.

Key settings:

  • Scroll direction (forward or reverse)
  • Background color
  • Gap between items (0 to 100px)
  • Top and bottom padding

Media with text

One image or video beside a column of blocks (text, buttons, etc.). On phones, the media stacks above the text.

Key settings:

  • Media position (left or right)
  • Media width (⅓, ½, or 7⁄12 of the space)
  • Media height (auto, 50vh, 60vh, 80vh, 100vh)
  • Section width (full width or page width)
  • Extend media to screen edge (toggle; page-width sections only)
  • Background color
  • Top and bottom padding

Other ways people ask this

  • header footer section kivabe lagabo
  • announcement bar setup kore dibo
  • hero banner kothay add korbo
  • slideshow kivabe arrange korbo
  • marquee section setup
  • media with text layout
  • header kothay positioned hobe
  • sticky header on scroll
  • footer section organize
  • Header › Footer › Banner section
  • ঘোষণা বার কীভাবে যোগ করব
  • হিরো সেকশন কোথায়
  • স্লাইডশো কীভাবে কাজ করে
  • ফুটার সংগঠিত করুন
  • announcement bar kothay rekhi
  • Marquee section floating text setup
  • footer group sections

Related pages

Related guides

Checked against the product on 2026-10-02.