內容簡介
Odisal Header for Elementor 是一款專為 Elementor 設計的外掛，能夠輕鬆建立完整的網站標頭，並自動適應各種螢幕尺寸。使用者可以選擇佈局、菜單及按鈕，並無需單獨設置行動版標頭。
【主要功能】
• 多種標頭佈局選擇
• 自動適應螢幕尺寸的菜單
• 支援 WooCommerce 購物車計數
• 可自訂按鈕樣式與功能
• 可設定黏性標頭效果
• 連接 Booksy 線上預約服務
外掛標籤
開發者團隊
原文外掛簡介
Odisal Header builds a complete site header in one Elementor widget. Pick a layout, choose your menu, add a button or two, and it works on every screen size without a separate mobile header.
The menu decides for itself when to become a hamburger. Instead of switching at a fixed screen width, the header checks whether everything fits. A short menu stays open on a tablet; a long one folds away sooner. You can also switch on tablets and phones, on phones only, always, or never.
Layouts
Logo left, menu and buttons right
Logo and menu left, buttons right
Logo left, menu centred, buttons right
Logo centred, menu split either side
Menu left, logo centred, buttons right
Menu and buttons left, logo right
Logo on top, menu and buttons underneath
When the hamburger shows, choose where the logo and the hamburger sit.
Buttons in the header
Links such as Book now or Call us, styled as filled, outlined, text or icon only
Log in, which changes to My account when the visitor is logged in
Basket with a live item count (needs WooCommerce)
Open a Booksy booking pop-up, or click another element on the page
When the hamburger shows, keep each button in the bar, move it into the menu panel, show it in both, or hide it
Menu panel
Slides in from either side, drops down under the bar, or fills the screen
Its own logo, and a short note under the menu
Submenus that open on hover or click, with arrows
Closes with the close button, with Escape, by tapping outside, or when a link is tapped
Sticky header
Stays at the top, or hides while scrolling down and returns when scrolling up
A different style once the page has scrolled, such as a solid background or a glass blur
Can sit on top of the first section, for a header over a hero image
Highlights the menu item for the section in view on one-page sites
Built to be accessible
Real buttons, focus that stays inside the open menu, ARIA states for screen readers, and motion that respects Reduce Motion.
Every colour, size, spacing and font can be changed in Elementor’s Style tab. Previews for the open menu and the scrolled state are available in the editor.
External services
This plugin can connect to Booksy, an online booking service, so a header button can open a business’s Booksy booking pop-up.
It is only used when a site owner adds a button set to “Open the Booksy booking pop-up” and pastes their Booksy widget code or business ID. Nothing is loaded from Booksy otherwise.
When a visitor points at, focuses or taps that button, the visitor’s browser loads Booksy’s widget script from booksy.com, which sends the visitor’s IP address and browser details to Booksy, as any web request does. If the pop-up cannot open, the button links to the business’s page on booksy.com.
Booksy’s terms of service and privacy policy.
