דלגו לתוכן

Header

תוכן זה אינו זמין עדיין בשפה שלך.

איפה אפשר להוסיף אותו

לא ברשימת "הוספת סקשן": מגיע עם התבנית או קבוצת הסקשנים שלו.

  • Mega menu
  • Menu drawer — חלק מהסקשן הזה; קבוע: תמיד קיים, אי אפשר להסיר או להזיז

Menu drawer

הגדרהסוגברירת מחדלאפשרויות וטווח
Color scheme

מוצג כאשר Mobile menu style של הסקשן הוא Drawer.

ערכת צבעיםערכה 1
Color scheme

מוצג כאשר Mobile menu style של הסקשן הוא Full screen.

ערכת צבעיםערכה 3
Page overlay opacity

מוצג כאשר Mobile menu style של הסקשן הוא Drawer.

טווח30 %0–60 %, צעד 5
Opening motion

How the drawer and its contents come in. Turning motion off in Theme settings, or a visitor’s reduced-motion preference, always shows it without motion.

בחירהFull
  • Full
  • Calm
  • None
Navigation
Show searchתיבת סימוןפעיל
Show thumbnails

Shows each link’s image in the second and third levels: a collection’s or product’s image, or a blog’s newest article image.

מוצג כאשר Mobile menu style של הסקשן הוא Drawer.

תיבת סימוןפעיל
Show image cards

Menu links without links of their own become image cards, using the link’s own image: a collection’s or product’s image, or a blog’s newest article image.

מוצג כאשר Mobile menu style של הסקשן הוא Full screen.

תיבת סימוןפעיל
Links marked “New”

Menu link titles that get a New label, separated by commas. Example: New in, Knitwear

טקסט—
Featured card
Show featured card

מוצג כאשר Mobile menu style של הסקשן הוא Drawer.

תיבת סימוןפעיל
Image

מוצג כאשר Mobile menu style של הסקשן הוא Drawer וגם Show featured card פעיל.

תמונה—
Eyebrow

מוצג כאשר Mobile menu style של הסקשן הוא Drawer וגם Show featured card פעיל.

טקסט—
Heading

מוצג כאשר Mobile menu style של הסקשן הוא Drawer וגם Show featured card פעיל.

טקסט—
Button label

מוצג כאשר Mobile menu style של הסקשן הוא Drawer וגם Show featured card פעיל.

טקסטShop now
Link

מוצג כאשר Mobile menu style של הסקשן הוא Drawer וגם Show featured card פעיל.

קישור—
Text on glass

Auto picks dark or light text for each glass element from the brightness of the photo behind it.

מוצג כאשר Mobile menu style של הסקשן הוא Drawer וגם Show featured card פעיל וגם Button label מוגדר.

בחירהAuto
  • Auto
  • Light
  • Dark
Localization
Enable country/region selectorתיבת סימוןפעיל
Enable language selectorתיבת סימוןפעיל
הגדרהסוגברירת מחדלאפשרויות וטווח
Layout
Color schemeערכת צבעיםערכה 1
Layout on desktopבחירהLogo first, menu beside it
  • Logo first, menu beside it
  • Logo first, menu at the end
  • Logo centered, menu beside it
  • Logo centered, menu below
  • Floating capsule
Layout on mobileבחירהLogo centered, menu beside it
  • Logo first, menu beside it
  • Logo centered, menu beside it
Make the header full widthתיבת סימוןכבוי
Show a bottom border

מוצג כאשר Layout on desktop אינו Floating capsule.

תיבת סימוןפעיל
Header heightטווח20 px8–48 px, צעד 2
Sticky header

Keeps the header on screen as customers scroll.

בחירהShow when scrolling up
  • Off
  • Always visible
  • Show when scrolling up
Transparent header

The header sits over the first section until the customer scrolls, then it turns solid. Pair it with a section that starts with an image, and set the colors below.

בחירהOff
  • Off
  • Home page only
  • All pages
Color scheme while transparent

Only the text and icon colors are used. The background stays transparent, so pick a scheme that stays readable over your first section’s image.

מוצג כאשר Transparent header אינו Off.

ערכת צבעיםערכה 1
Color scheme while transparent on other pages

Used on every page except the home page, over the page’s own background. A collection banner set to Image behind uses the scheme above.

מוצג כאשר Transparent header הוא All pages.

ערכת צבעיםערכה 1
Shade behind the transparent header

A soft fade in the color scheme’s background color, so the menu stays readable over a busy image. Set it to 0% to remove it.

מוצג כאשר Transparent header אינו Off וגם Layout on desktop אינו Floating capsule.

טווח25 %0–60 %, צעד 5
Logo
Set the logo and its width in Theme settings > Logo.
Navigation
Menuתפריטmain-menu
Menu text size

Sizes the menu in the header bar. The mobile menu keeps its own size.

טווח15 px12–20 px, צעד 0.5
Show menu in uppercaseתיבת סימוןכבוי
Menu link effect

Applies to the top-level menu links. Customers who prefer reduced motion see no movement.

בחירהUnderline
  • None
  • Underline
  • Swap the label
Open submenus on

With click, the first press opens the submenu and the second follows the link.

בחירהHover
  • Hover
  • Click
Mobile menu style

Drawer slides in from the side over the page. Full screen grows the header into a full-screen sheet: parent links become tabs, the other links image cards.

בחירהDrawer
  • Drawer
  • Full screen
Mobile menu position

End is the side the cart icon is on: right in left-to-right languages, left in right-to-left languages.

מוצג כאשר Mobile menu style הוא Drawer.

בחירהStart
  • Start
  • End
Actions
Show search linkתיבת סימוןפעיל
Show account linkתיבת סימוןפעיל
Customer account menu

מוצג כאשר Show account link פעיל.

תפריטcustomer-account-main-menu
Show cart linkתיבת סימוןפעיל
Cart icon

מוצג כאשר Show cart link פעיל.

בחירהBag
  • Bag
  • Cart
Show item count on the cart

מוצג כאשר Show cart link פעיל.

תיבת סימוןפעיל
Localization
Enable language selector

To add a language, go to your language settings.

תיבת סימוןפעיל
Enable country/region selector

To add a country/region, go to your market settings.

תיבת סימוןפעיל
Language selector style

A toggle shows every language as a button and suits stores with two or three languages.

מוצג כאשר Enable language selector פעיל.

בחירהDropdown
  • Dropdown
  • Toggle buttons
Show flag

Flags are drawn with emoji. Devices without flag emoji, such as Windows, show the country code instead, so the country name is always shown beside it.

מוצג כאשר Enable country/region selector פעיל.

תיבת סימוןפעיל