更新您的 HTML 库存模板以升级 PDF 生成器

更新您的 HTML 库存模板以升级 PDF 生成器

这是为谁准备的？

此次升级仅适用于支持旧版 PDF 生成器的组织。Zoho CRM 将在库存模板页面和生成 PDF 时通过应用内横幅通知这些用户。

因此，只有来自这些组织的用户需要更新他们的 HTML 库存模板。

需要做什么？

您需要做的是检查并编辑库存模板 HTML 中的页眉、页脚和页码标签，使其符合支持格式。保存模板后，使用新的 PDF 生成器生成 PDF 文件，通过切换到新 PDF 生成器来检查对齐情况。

为避免生成的 PDF 文件出现断裂或错位，并确保与优化后的 PDF 生成器兼容，请于 2026 年 3 月 25 日前完成此更新。
Notes
注意：作为备用方案，旧版 PDF 生成器将提供一个月的可用时间，之后将停止服务。
提供的示例说明了header 标签的使用。您可以使用以下详细指南将相同的方法应用于其他标签。


如何更新

要更新您使用 HTML 创建的所有库存模板中的 HTML 标签，请按照以下对齐步骤操作。
  1. 导航至设置→定制→模板→库存。
  2. 点击使用 HTML 创建的模板的编辑图标。
  3. 点击编辑 HTML 图标。
  4. 在您的 HTML 顶部附近查找最外层的<table>标签。在旧模板中，它通常看起来像这样：
    Quote
    <table>
    <thead> 
         <!-- your header content: logo, company name, etc. --> 
       </thead> 
       <tbody> 
         <!-- your main content: line items, totals, etc. --> 
       </tbody> 
       <tfoot> 
         <!-- your footer content: page numbers, terms, etc. --> 
       </tfoot> 
    </table>

  5. 将整个外部表格替换为三个独立的 HTML 区域块。将您的头部、主体和页脚内容复制到相应的块中：
    Quote
    <!-- HEADER BLOCK --> 
     <section id="header-container" class=""> 
       <div id="pdfgen-header"> 
         <!-- Paste your former <thead> content here --> 
       </div> 
     </section> 
       
     <!-- BODY / CONTENT BLOCK --> 
     <section id="page-container" class=""> 
       <div id="pdfgen-content"> 
         <!-- Paste your former <tbody> content here --> 
       </div> 
     </section> 

       <!-- FOOTER BLOCK --> 
     <section id="footer-container" class=""> 
       <div id="pdfgen-footer"> 
         <!-- Paste your former <tfoot> content here --> 
       </div> 
     </section> 

  6. 旧引擎使用 CSS 计数器技术生成页码。增强引擎自动注入页码，因此不再需要此 CSS，应将其删除。仅删除.pagenum 计数器规则。不要删除整个< style>块——所有其他 CSS（字体、颜色、表格样式、间距等）应保留原位。
  7. 迁移后，如果发现 PDF 边缘出现额外的意外空白，请添加此 CSS 来重置默认浏览器间距：
    Quote
     <style> 
       html { 
         margin: 0px; 
         padding: 0px; 
       } 
     </style> 
    这是可选的——只有当您预览时看到间距问题时才添加。
根据下表编辑您的 HTML 代码，包括页眉、页脚和分页标签。
元素
不支持的格式
 支持的格式
页眉
表格主体中<thead>...</thead>内的内容。
内容应包含在

<section id="header-container"class="">
<div id="pdfgen-header">
...
</div>
</section>

CSS 样式应按如下方式提供：

<style>
#pdfgen-header {
}
</style>
页脚
表格主体中 <tfoot>...</tfoot> 包围的内容。
内容应包含在

<section id="footer-container"class="">
<div id="pdfgen-footer">
...
</div>
</section>

页脚内容所需的 CSS 应如下提供：

<style>
#pdfgen-footer {
}
</style>
页码


<span
class="pagenum"></span>
<style>
*.pagenum:after {
counter-increment: page;
content: "" counter(page);
}
</style>
<span class="pageNumber"></span>

要获取总页码数，请使用
<span class="totalPage"></span>

哪些保持不变？

  1. 除了上述更改外，其余代码结构可以保持不变。
  2. 布局表格：位于 HTML 的最顶层，包裹所有内容，其直接子元素为<thead>/<tbody>/<tfoot>。
  3. 数据表格：位于主体内容区域内部，包含实际业务数据（产品、价格等）的行/列。
  4. 只需替换布局表格。其内部的数据表格保持不变。
  5. 仅移除.pagenum 计数器规则。不要删除整个<style>块——所有其他 CSS（字体、颜色、表格样式、间距等）应保持原位。
更新标签后，保存模板并生成 PDF 以检查对齐。为验证对齐，请点击底部“此处”，查看由优化（新）PDF 生成器产生的预览。



Idea
仍然有问题吗？
  1. 检查同一模板中不要有多个 header-container 或 footer-container 部分。
  2. 确认没有 <tr> 或 <td> 标签位于真实的 <table> 元素之外。
  3. 确保类名是 pageNumber（大写的 N）——而不是 pagenum。
  4. 确保您没有不小心移除了与 .pagenum 页计数器无关的 CSS。
如果您对此更新有任何疑问，请通过 support-crm@zohocorp.com.cn 联系我们。感谢您的耐心，我们将持续改进 Zoho CRM。

    • Related Articles

    • Zoho CRM iOS 应用中的用户信息

      您的应用中的设置页面显示您的账户信息，包括： 用户名 电子邮件地址 登录信息 用户图片 从这一页，您也可以管理您的用户图片。 要管理您的用户图片 点击更多图标（ ） 进入设置页面。 点击您的用户头像。 选择以下选项之一： 查看图片 - 查看您当前的头像。 拍摄照片 - 通过拍摄新照片来更新您的个人头像。 选择图片 - 从图库中选择或从文件中上传来更新您的个人头像。

    • 人员数据充实 - WebAmigo

      人员数据充实是一个应用市场扩展程序功能，确保对个人数据处理有控制权，并通过 Web Amigo 扩展程序提供模块化和可扩展的解决方案。 个人信息 个人信息丰富化专注于与个人相关的详细信息，例如他们的职位、联系方式、社交媒体资料和专业背景。这类数据有助于个性化沟通，并与联系人建立更牢固的关系。 触发个人信息字段 名字 + 组织名称 姓氏 + 组织名称 网站 邮箱 LinkedIn Twitter Facebook 个人信息字段 全名，名，姓，电子邮件地址，电话号码 社交媒体链接（LinkedIn, ...

    • 管理订购

      一旦完成购买，您可以根据本文所提供的信息管理 CRM 版本、用户许可和附加组件。 如果您没有 CRM 账户，请点击此处注册。 如果您想在购买前尝试其他版本，只需点击个人资料图标，然后选择“尝试其他版本”。 如果您不再需要付费版本，可以切换到免费版。要完全停止使用 CRM 并删除您的账户，请按照以下步骤操作：删除 Zoho CRM 账户。 在购买之前，免费版用户可以尝试其他版本的 15 天试用期。 升级或降级版本 要从免费版升级到任何付费版 前往个人简档并点击管理。 点击支付 页面下的订阅详情 ...

    • iOS特定功能

      Zia 语音 打电话给 Zia，您的专属销售助手，以获得 Zoho CRM 中所有问题的即时答案。她还可以执行您指定的操作。例如，“给我列出我逾期的任务”并显示您所需的结果。 如何呼叫Zia 在 Zoho CRM 主屏幕上，点击 Zia 图标。 发起一个拨给 Zia 的电话。窗口会显示您可以询问的事项列表。 在蜂鸣声后提问或说出命令。 您可以点击相应的按钮 静音通话，并开启扬声器 。 点击结束通话 按钮以完成通话。 与 Zia 聊天 您可以选择与 Zia 聊天而不是打电话。 要与 Zia 聊天 ...

    • 管理Zoho账户设置

      在 Zoho 账户中，个人资料部分下的必填字段在您注册任何 Zoho 服务时即设置为默认值。登录后，您可以根据您的偏好更改信息。当您更改个人资料部分下的某些字段时，Zoho CRM 中的相应字段将自动更新。 了解更多关于管理您的 Zoho 账户的信息，请参阅这些文档。 更改姓名 在 Zoho CRM 中，名和姓用于在 Zoho 账户中形成全名，即全名 = 名 姓（例如：Amelia Burrows）。 更改姓名 点击您的个人资料图标，然后点击我的账户。 在 Zoho 账户 ...