Global sections
The Header, Footer, and Announcement bar appear on every page of your store. In the builder each page keeps its own copy, so an edit applies to the page you are editing. Use the Apply to all pages action on a section to copy its design onto the same section across every other page. For how to add, reorder, and configure blocks, see Sections and blocks.
Announcement bar
A slim promotional strip at the very top of the page. You can add up to 7 announcement messages, each with its own text, and up to 2 announcement bars per page. Mode is Ticker (continuous horizontal scroll) or Slider (timed transitions). Other settings: text direction (LTR or RTL), a separator character between ticker messages, the slider interval (2 to 10 seconds, default 3), font size (10 to 30 px, default 16), width (page or full), color scheme, and padding.
Header
The main navigation bar, one per page. It holds five fixed blocks you configure but cannot add, remove, or reorder:
- Logo: your brand image. Set position (left, center, right), width (20 to 300 px), height (20 to 300 px), and padding.
- Menu: the navigation menu. Pick a menu you built in Menus, then set its position (left, center, right), the header row it sits on (top or bottom), display type (Drawer, Mega menu, or Dropdown), a color scheme, and a bar toggle that adds a full-width colored strip behind the bottom row.
- Search: a search icon that opens a product search overlay. Set its position (left or right) and row (top or bottom).
- Cart: the cart icon with an item count. Display type is Drawer (side panel), Dropdown (mini cart in the header), or Page (goes to the full cart page).
- Localization: a country and language selector for multi-market stores. Toggle whether to show the country name and flag, and set its position and row.
Header-level settings: Sticky behavior is Scroll (hides on scroll down, returns on scroll up), Always (permanently fixed), Reduce (shrinks on scroll), or Never (scrolls away with the page). You also set width (page or full), color scheme, top and bottom padding, and custom CSS.
Footer
The bottom section of every page, one per page. You can add, remove, and reorder its blocks:
- About us: a brand area with your logo, text, contact info, and optional layout groups, with direction, alignment, gap, width, and padding controls (one per footer).
- Menu: a navigation menu shown as a link list. Pick a menu from Menus.
- Social media icons: a row of platform icons (Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp, Telegram). Configure icon size, gap, shape (none, circle, rounded, square), fill style (flat or outline), container size, palette (brand, mono, or custom color), and hover effect (none, brand, scale, lift, opacity).
- Payment icons: icons for the payment methods enabled in your store (Visa, Mastercard, PayPal, Apple Pay, and so on), shown automatically.
- Privacy links: links to your legal pages (Privacy Policy, Terms of Service, Refund Policy, Shipping Policy), generated from your store policies. Set font size (12 to 20 px) and case (default or uppercase).
- Copyright: the copyright year and store name, with an optional "Powered by Storeep" line. Set font size (12 to 20 px), case, and whether to show the attribution.
- Text, Divider, and Group: the same layout components used elsewhere. See Layout components.