PDF 按钮
显示一个可点击的按钮，在弹出覆盖层中打开 PDF。关联多个 PDF 时，将以列表形式显示。
本页涵盖以下两种模式：
- PDF 按钮（关联型 PDF）
- 手动 PDF 按钮（在主题设置中填写手动 URL）
PDF 按钮的功能
PDF 按钮会在页面上显示一个可点击的按钮或链接。客户点击后，PDF 将在页面上方的弹出覆盖层中打开。
当您为一个资源关联了多个 PDF 时，这些 PDF 会自动以按钮列表的形式呈现。
显示效果
单个 PDF：
- 显示一个带有 PDF 名称的按钮
- 点击后，PDF 在覆盖层中打开
- 覆盖层叠加在页面上方
- 关闭按钮可返回原页面
多个 PDF：
- 每个 PDF 对应一个独立按钮
- 每个按钮打开对应的 PDF
- 按钮纵向排列
- 所有 PDF 在同一位置可访问
适用场景
最适合以下情况：
- 一个页面上有多个 PDF
- 针对移动端优化的店铺
- 页面空间有限的情况
- 快速参考类文档
- 以下载为主要目的的 PDF
非常适合：
- 含有手册、尺寸表和保修说明的产品页面
- 包含多份指南的资源页面
- 嵌入式查看器占用空间过多的页面
在主题中添加 PDF 按钮
- 前往 在线商店 > 主题
- 点击当前主题上的 自定义
- 导航至相应页面类型（产品、分类等）
- 点击 添加版块 或 添加区块
- 在应用下找到 PDF Connect
- 选择 PDF 按钮
- 点击 保存
如需使用手动模式，请添加 手动 PDF 按钮，并在区块设置中填写 URL（及可选的按钮标签）。
自定义按钮扩展
在主题编辑器中，您可以自定义按钮的外观（不影响 PDF 查看器本身）：
显示标题 — 开关区块标题的显示/隐藏
标题文本 — 自定义区块标题（如"下载 PDF"）
按钮文本 — 自定义按钮标签
按钮文本来源 — 选择通用文本、PDF 名称或 PDF 描述
按钮对齐方式 — 左对齐、居中或右对齐
按钮内文字对齐 — 按钮内部的文字对齐方式
多 PDF 布局 — 纵向（列）或横向排列
显示 PDF 图标 — 在按钮上显示 PDF 图标
显示容器边框 — 为按钮区域添加边框
颜色：
- 按钮背景色
- 按钮文字颜色
- 按钮悬停背景色
PDF 查看器弹窗大小 — 选择弹窗显示大小（小 60%、中 70%、大 80%、超大 90%）
以上设置仅控制按钮外观，实际 PDF 查看器（自定义、轻量或翻页效果）的配置在应用中设置。
对于 手动 PDF 按钮，查看器类型和行为在区块设置中配置。
列表的工作方式
关联了多个 PDF 时：
- 所有 PDF 以独立按钮的形式显示
- 按钮显示 PDF 文件名
- 客户点击所需的 PDF
- 该 PDF 在弹出层中打开
- 关闭按钮可返回列表
无需额外设置，列表会自动显示。
PDF 查看器配置
在自定义按钮扩展之前，需要先选择使用哪种 PDF 查看器。此配置在应用中完成，而非主题编辑器。
对于关联区块，本节配置直接生效。 对于手动区块，相同的查看器类型可在主题区块设置中选择。
在应用中设置查看器类型
在 PDF 详情页中，找到 查看器配置 部分：
自定义查看器（全功能）
- 功能完整的 PDF 查看器，包含所有导航控件
- 支持搜索、缩放工具及可自定义的显示选项
- 针对移动端优化
- 可配置：初始页、缩放级别、页面布局、滚动方向
- 可开关：下载、工具栏、图片印章、高亮、绘图工具、文字选择
轻量查看器（快速简洁）
- 界面简洁、加载迅速的查看器
- 非常适合快速预览文档
- 针对移动端优化
- 无需配置，开箱即用
翻页效果查看器（交互式翻页）
- 提供交互式翻页体验
- 模拟阅读实体书或杂志的感觉
- 非常适合目录、宣传册、营销材料
- 未针对移动端优化
- 可配置：动画样式、页面阴影、背景颜色
原生浏览器查看器（标准）
- 使用浏览器内置的 PDF 渲染方式
- 轻量级，行为符合用户习惯
对于关联型 PDF，保存的查看器配置将同时用于按钮和嵌入式展示。 对于手动区块，区块级别的查看器配置将用于所有填写的 URL。
弹出覆盖层的工作方式
客户点击按钮后，PDF 将使用您设置的查看器配置在弹出层中打开：
自定义查看器弹出层：
- 全屏查看，包含所有控件
- 缩放、搜索、翻页导航
- 下载/打印（如已启用）
- 可自定义工具栏
轻量查看器弹出层：
- 界面简洁清爽
- 基础导航功能
- 加载速度快
翻页效果查看器弹出层：
- 翻页动画效果
- 真实的翻书体验
- 在桌面端效果最佳
按钮 vs 嵌入式对比
| 功能 | 按钮 | 嵌入式 |
|---|---|---|
| 占用空间 | 极小 | 较大 |
| 多个 PDF | 清晰列表 | 查看器堆叠 |
| 移动端友好性 | 优秀 | 有一定难度 |
| 页面呈现 | 保持页面整洁 | 内嵌显示 PDF |
| 客户操作 | 需要点击 | 直接查看 |
PDF 按钮使用技巧
为 PDF 命名清晰 — 按钮标签使用文件名
顺序很重要 — 最重要的 PDF 放在最前面
在移动端测试 — 按钮在小屏幕上效果很好
考虑分组 — 相关 PDF 以列表形式呈现效果佳
按钮文字自定义
让按钮标签更贴近用户 ：
默认： "product-manual-v2.pdf"
更好的方式： "产品手册"
您可以在主题设置中自定义按钮文字，也可以在上传前重命名 PDF 文件。