Minimal Header
Logo, menu and icons on one clean line — nothing extra.
Best forSmall stores and single-product brands that want a light top.
Where to place itEvery page, as the site-wide header.
How to use: add the Header block and choose minimal in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Top Bar Header
A thin top bar (offer, phone, socials) above the logo, menu and icons.
Best forShowing free delivery / COD and a phone number on every page.
Where to place itEvery page — the default all-round store header.
How to use: add the Header block and choose topbar in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Browse Categories Header
Big search bar with a “Browse categories” row underneath.
Best forStores with many categories where customers search a lot.
Where to place itHomepage and shop pages.
How to use: add the Header block and choose browse in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Search + Menu Strip Header
Search bar on top, the full menu in a strip below.
Best forStores with a long menu that needs its own row.
Where to place itEvery page of a mid-size shop.
How to use: add the Header block and choose navbar in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Centred Logo Header
Logo in the centre with the menu below it.
Best forBrand-first stores — fashion, gifts, beauty.
Where to place itEvery page, especially the homepage.
How to use: add the Header block and choose center in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Split Menu Header
Menu split left and right with the logo in the middle.
Best forPremium-looking brand stores with a short menu.
Where to place itHomepage and brand pages.
How to use: add the Header block and choose split in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Market Header
Menu, a pill-shaped search and a help line.
Best forGeneral stores that want search and a “call us” line together.
Where to place itEvery page of a general store.
How to use: add the Header block and choose market in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Depot Header
Three tiers with an “All categories” bar.
Best forBig catalogues — electronics, hardware, home goods.
Where to place itEvery page of a large shop.
How to use: add the Header block and choose depot in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Atelier Header
Menu on the left, logo centred, icons on the right.
Best forBoutique, handmade and fashion stores.
Where to place itEvery page, for a classy look.
How to use: add the Header block and choose atelier in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Megastore Header
Search-led header with a mega menu.
Best forStores with lots of categories and sub-categories.
Where to place itEvery page of a big multi-category shop.
How to use: add the Header block and choose megastore in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Grocer Header
Delivery bar, cart total and aisle tabs.
Best forGrocery and daily-needs stores.
Where to place itEvery page of a food or grocery shop.
How to use: add the Header block and choose grocer in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Glow Header
Running notice, pill menu, slims down on scroll.
Best forBeauty, skincare and lifestyle brands.
Where to place itEvery page — the notice keeps offers in view.
How to use: add the Header block and choose glow in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Editorial Header
Dark bar with a slide-out search panel.
Best forMagazine-style or content-heavy brand stores.
Where to place itEvery page, for a bold dark look.
How to use: add the Header block and choose editorial in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Sport Header
Shopper tabs (Men / Women / Kids) switch the menu.
Best forSports, shoes and apparel stores with audiences.
Where to place itEvery page of a clothing or sports shop.
How to use: add the Header block and choose sport in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Luxe Header
Icons only — the menu opens in a drawer.
Best forLuxury and minimalist brands.
Where to place itEvery page, keeps the top very clean.
How to use: add the Header block and choose luxe in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Library Header
A subject index laid out in columns.
Best forBook stores and stationery shops.
Where to place itEvery page of a book or course store.
How to use: add the Header block and choose library in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Drop Header
Countdown bar and a bold wordmark.
Best forLimited drops, launches and flash sales.
Where to place itCampaign pages and launch-week homepage.
How to use: add the Header block and choose drop in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
Bazaar Header
App-style search with category chips.
Best forMobile-first stores that feel like a shopping app.
Where to place itEvery page — great on phones.
How to use: add the Header block and choose bazaar in its Header layout setting
What you can customize in this widget
LayoutHeader layout, Stick to the top when scrolling, Slim down once scrolled, Header width, Content width, Max content width, Show the top bar, Shadow, Bottom border line
LogoLogo source, Logo image, Logo text, Logo width, Max logo height, Light plate behind the logo
MenuMenu source, Menu, Max categories, Sub-categories as dropdowns, Custom links
Top barTop bar message, Phone number, WhatsApp number, Messenger link, Social icons (eSP Theme → Social), Right-hand note, Top bar items, Login button in the top bar, Scroll the messages across (running text), Countdown to, Countdown message, Text once it reaches zero, Countdown button text, Countdown button link
Search, cart & extrasProduct search, Search placeholder, Cart icon (live count), Cart icon opens, Login / account icon, Phone icon in the main row, Browse button text, Categories in the dropdown, Search button text, Category picker in the search bar, Cart look, Cart word, Help line label, Help line note, Wishlist link, Compare link, Menu promo — small line, Menu promo — title, Menu promo — text, Menu promo — link, Menu promo — button
Mobile menuMobile menu design, Menu item animation, Quick buttons (call, WhatsApp, account, cart), “Menu / Categories” tabs with category pictures, Logo inside the menu, Close (✕) button, Search box inside the menu, Phone + social icons inside the menu, Drawer width, Drawer corner radius, Backdrop blur, Menu background, Menu link colour, Menu link hover / open colour, Menu divider colour, Backdrop colour
Colours & sizingTop bar background, Top bar text, Top bar text size, Header background, Row padding, Menu link colour, Menu link hover colour, Menu text size, Menu item spacing, Menu hover effect, Hover accent colour, Uppercase menu items, Fold extra menu items into “More”, Dropdown background, Dropdown link colour, Icon colour, Icon size, Cart count bubble, Search field background, Search field border, Search field radius, Browse button background, Browse button text
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %