# 页眉

页眉板块用于设置和自定义网站的主导航区域，包括 Logo、菜单、联系信息等元素。通过此设置，您可以调整页面的整体布局和风格，使其与品牌形象和用户体验需求相匹配。

**功能详情**

1. **基础设置**
   * **配色方案**: 选择或编辑配色方案，定义页面上所有元素的颜色样式，包括背景颜色、文本颜色等。您可以根据品牌的视觉风格进行选择或调整。
   * **Logo**:
     * 上传或更改网站的 Logo。推荐使用高分辨率图像以确保在各种屏幕尺寸下清晰显示。
     * **Logo宽度**: 通过滑块调整 Logo 的显示宽度，以适应不同页面布局需求。
   * **Logo位置**:
     * 选择 Logo 在页面中的显示位置，如“Logo 左侧，菜单底部”等。根据页面设计选择最佳位置以优化布局。
2. **菜单**
   * **选择菜单**: 从现有菜单中选择一个作为主导航菜单，或创建新菜单。主导航菜单将显示在页面顶部，帮助用户快速导航到网站的主要内容。
   * **一级菜单大写**: 启用此选项后，一级菜单项将以全大写形式显示，适合强调和突出主要菜单项。
   * **菜单类型（桌面）**: 选择桌面端显示的菜单类型，选项包括“下拉菜单”和“抽屉菜单”。
   * **允许悬停打开菜单**: 启用此选项后，用户在悬停菜单项时，子菜单会自动展开。
3. **固定页眉**
   * **固定页眉类型**: 选择固定页眉的类型，如“缩小 Logo 尺寸”等。固定页眉在用户滚动页面时保持在顶部，方便用户随时访问导航。
   * **启用透明页眉**: 启用此选项后，页眉将变为透明，适用于需要更具视觉冲击力的页面设计。上传一个透明页眉 Logo 以适应透明背景。
4. **账户设置**
   * **登录方式**：选择点击账户图标时的行为。
     * **链接到账户页面**（默认）：点击图标跳转至标准 Shopify 账户或登录页。
     * **弹出面板（Shopify account）**：点击图标弹出由原生 `<shopify-account>` 组件驱动的账户侧边面板，支持免密登录、Shop 账号识别和社交登录。需在 Shopify 后台 → 设置 → 客户账户中启用**新版客户账户**。
   * **账户菜单**（仅弹出面板模式下显示）：选择在账户弹出面板中显示的菜单，默认使用客户账户主菜单（含订单、个人资料等链接）。
5. **移动端设置**
   * **移动端 Logo 宽度**: 调整移动设备上的 Logo 宽度，确保在较小屏幕上清晰可见。
   * **显示联系电话**: 启用此选项后，页眉上将显示联系电话号码，方便用户直接联系。
6. **添加块**
   * 您可以通过“添加块”功能为页面板块添加多个内容模块，如：
     * **Mega Menu - 精选图片**: 用于在导航菜单中添加图片，增强视觉效果。
     * **Mega Menu - 自定义基础菜单**: 创建自定义菜单项，适用于复杂的导航结构。
     * **Mega Menu - 产品列表**: 在菜单中展示特定产品列表，适合电商网站的产品推广。
     * **Mega Menu - 文章列表**: 在菜单中展示特定博客的文章列表。
     * **气泡：**&#x7528;于标记热销，新品等，支持文字和图标。

**使用建议**

* **视觉一致性**: 确保配色方案、Logo 和菜单的风格与整个网站的设计保持一致，增强品牌识别度。
* **用户体验**: 通过合理布局和固定页眉等功能，提高用户在导航网站时的便利性。考虑用户习惯，优化菜单的展开方式和内容布局。
* **移动优化**: 针对移动设备，确保 Logo、菜单和联系信息清晰可见，并易于操作。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://en-ascent.webvista.studio/ascent-mu-ban-shi-yong-shuo-ming/ye-mei.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.