Vertex 可以呈现的样子
Vertex 以单一现成样式安装 —— 工业 / MRO 店面。 但相同的版块、级联查找器和配色系统能够灵活适配截然不同的 B2B 垂直领域。本页展示 Vertex 的汽车配件、办公与 IT 或印刷耗材配置呈现的样子,并带你了解真正面向商家、能让你抵达那里的两个杠杆。
只有一个 Vertex demo(工业 / MRO)。下方的汽车配件、办公与 IT 以及印刷外观并非可单独安装的主题,也没有 URL 预览 —— 它们是你用同一套主题、仅凭两项设置自行搭建的配置:配色和可配置查找器。每个配置都是你在主题编辑器中搭建的起点,然后再按你的品牌进行定制。
默认 —— Vertex(工业 / MRO)
这是你安装 Vertex 时加载的内容。
| 行业 | 工业用品、MRO、五金、紧固件、手工具、流体、研磨剂 |
| 强调色 | 琥珀色 |
| 查找器 | 默认无 —— 分面过滤器 + 预测搜索 |
| 首页英雄区 | 粗体排版 + 车间 / 仓库场景图像 |
| B2B 钩子 | "Volume pricing"、"NET-30 available"、"ISO 9001 certified"、"24-hr dispatch" |
| 最适合 | 工业分销商、MRO 供应商、紧固件 / 五金商家、工具目录、JanSan 供应商 |
琥珀色强调映射到温暖、工业的 McMaster-Carr / Grainger / Fastenal 视觉语言,采购买家能立即识别。
Vertex 在其他行业中可以呈现的样子
下方的每种外观都是一个配置,而非独立的主题 —— 是同一套 Vertex 店面,用配色重新着色并针对某个垂直领域用查找器重新配置。你在主题编辑器中搭建它;没有可单独安装的 demo,也没有可预览的 URL。
汽车配件
| 行业 | 汽车配件、性能、副厂、OEM、摩托车、船用、动力运动 |
| 强调色 | 红橙色(配色:Signal red) |
| 查找器 | Make / Model / Year 适配级联(3 个下拉框) |
| 最适合 | 汽车配件分销商、性能商店、摩托车 / 船用 / RV / 动力运动 |
| 配色 | Signal red |
其标志性功能是适配查找器 —— 一个三步 Make ▸ Model ▸ Year 级联,你可以为自己的目录进行配置。买家选择一次车辆,即可看到适配匹配的零件。通过查找器设置指南进行配置。红橙色强调映射到性能 / 汽车视觉语言。
下面是 Vertex 的汽车配件配置呈现的样子 —— Signal red 配色搭配 Make / Model / Year 适配查找器:
办公与 IT
| 行业 | 办公用品、IT 硬件、电子产品、复印纸、显示器、键盘、批量耗材 |
| 强调色 | 蓝色(配色:Office blue) |
| 查找器 | Brand / Category / Capacity 级联 —— 例如 "HP ▸ Toner ▸ 5000 pages" |
| 最适合 | 办公用品分销商、IT 经销商、电子批发商、学校 / 政府供应 |
| 配色 | Office blue |
主打批量 B2B 办公订单 —— 批量订单垫板、RFQ 和 NET-30 醒目呈现。蓝色强调映射到买家期望的企业 IT / Quill / Staples Business Advantage 视觉语言。
下面是 Vertex 的办公与 IT 配置呈现的样子 —— Office blue 配色搭配 Brand / Category / Capacity 查找器:
印刷耗材
| 行业 | 印刷耗材、碳粉、墨盒、复印制版、复印机耗材、标签介质 |
| 强调色 | 青绿色(配色:Inkline teal) |
| 查找器 | Printer Brand / Model / Color 级联 —— 例如 "HP ▸ LaserJet Pro M404 ▸ Black" |
| 最适合 | 碳粉 / 墨水经销商、复印制版商店、托管打印服务供应商 |
| 配色 | Inkline teal |
主打打印机墨盒查找器 —— 买家选择品牌、型号和颜色,即可落地到匹配的墨盒。青绿色强调读起来干净、契合办公印刷,与办公及 IT 系列搭配良好,同时又能独立成立。
下面是 Vertex 的印刷耗材配置呈现的样子 —— Inkline teal 配色搭配 Printer Brand / Model / Color 查找器:
让你抵达那里的杠杆
你不会为这些安装一个单独的外观 —— 你用两个真实、面向商家的工具来塑造这套单一的 Vertex 主题:
1. 起步配色(一键重新着色)
Theme settings ▸ Colors ▸ Starter color palette 会让一个全局强调色翻转,贯穿每一个按钮、胶囊、徽章、链接、焦点环、B2B 问候栏、查找器下拉框以及英雄区 CTA:
- Custom —— 你自己的配色(使用下方的手动色彩选择器)
- Custom(默认琥珀色) · Signal red · Office blue · Inkline teal
保存后,整个店铺前台的强调色会立即翻转。如需完全自定义的品牌色,选择 Custom 并设置你自己的强调色与"on accent"(强调色上的文字)颜色。
2. 可配置的级联查找器
查找器(Make/Model/Year、Brand/Category/Capacity、Printer/Model/Color —— 或你自己的标签)是一个版块,你可以从主题编辑器中添加并配置 —— 参见查找器设置指南。
哪个配置适合你?
挑选最接近的起点,然后将 Vertex 塑造成匹配的样子(配色 + 查找器)。之后你可以覆盖任何内容。
| 如果你销售…… | 最接近的配置 | 原因 |
|---|---|---|
| 紧固件、手工具、润滑剂、研磨剂、五金、通用 MRO | Vertex(默认) | 工业基线,无需查找器(分面过滤器完成工作) |
| 汽车、摩托车、船用、RV、动力运动配件 | 汽车配件(Signal red) | Make/Model/Year 适配查找器是成败所在的功能 |
| 办公、IT、电子、复印耗材、学校 / 政府供应 | 办公与 IT(Office blue) | 批量 B2B 订单 + 企业 IT 视觉语言 |
| 碳粉、墨水、墨盒、复印制版、托管打印耗材 | 印刷耗材(Inkline teal) | Printer Brand/Model/Color 查找器是成败所在的功能 |
| 清洁 / 卫生(JanSan) | Vertex | MRO 基线干净地映射;无需专门的查找器 |
| 带数据表的工业化学品 / 润滑剂 | Vertex | 技术规格表和文档块是 Vertex 的核心 |
| 仅批发(无 B2C) | Vertex 或 办公与 IT | 选择契合你品牌的强调色;将店面模式设置为 B2B-only |
自定义
无论你选择哪个起点,一切都可以从主题编辑器中覆盖:
| 自定义 | 方法 |
|---|---|
| 强调色 | Theme settings ▸ Colors ▸ Starter palette ▸ Custom,然后选择你自己的强调色 |
| Logo | Theme settings ▸ Logo —— 将演示 logo 替换为你自己的 SVG 或 PNG |
| 首页版块顺序 | 主题编辑器 ▸ Home —— 拖动以重新排序,或添加和删除版块 |
| 英雄区 / 场景图像 | 通过每个版块的图像选择器逐版块替换 |
| 查找器标签与数据 | 查找器设置指南 |
| 字体 | Theme settings ▸ Typography —— 标题字体、正文字体、比例 |
| 文案与 CTA | 在主题编辑器中为每个版块内联编辑文本 |
| 翻译 | Theme settings ▸ Languages —— 通过语言编辑器提供自定义字符串 |
将你配置好的店铺前台保存为 Online Store ▸ Themes ▸ Theme library 中的命名主题 —— 运行 A/B 测试或暂存视觉更改时很有用。
相关阅读
- 概述 —— Vertex 是什么,以及 v1.0 包含哪些内容
- 安装 —— 安装并挑选你的起步配色
- 主题设置参考 —— Colors ▸ Starter palette 和强调色设置
- 查找器设置指南 —— 为你的目录配置级联查找器
- Markets & 多货币 —— 在所有市场中工作方式相同
- 店面模式指南 —— Hybrid / B2B-only / B2C-only
- RFQ 页面指南 —— 报价请求设置
总结
- Vertex 提供一个现成样式 —— 工业 / MRO(琥珀色)。
- 汽车配件、办公与 IT 以及印刷外观是你用两个杠杆 —— 配色和可配置查找器 —— 从这一个 demo 自行搭建的配置。
- 它们并非可单独安装的主题,也没有 URL 预览 —— 你在主题编辑器中搭建它们。
- 一切(强调色、布局、查找器、图像、文案)都可以从主题编辑器中覆盖。