第 6 章 - 上线

翻译

恭喜!您的客户拥有了设计精美的主页和联系页面,电子商务完全适应了 Airproof 设计。太棒了!

现在,客户希望将网站翻译成法语。为此:

  1. 在设置中将法语添加到网站,并通过预设启用标题中的语言切换器。

  2. 然后,关于翻译,您有多种选择 (通常在生产环境上线后再进行)。在本练习中,我们将在本地测试其中 2 种:

    • 通过编辑器翻译 Airproof Mini 产品页面的内容。

    • 通过视图(view)翻译主页轮播图的内容。

另请参阅

请参阅关于 前端 和 后端 翻译的参考文档。

注解

您也可以通过对 .po 文件进行 导出/导入 来创建翻译。但该方法仅在模块导入时有效一次。之后通过 .po 文件进行修改相当复杂。因此,我们建议您通过编辑器或直接通过视图进行翻译。

语言选择器需要添加的预设是:

/website_airproof/data/presets.xml
<?xml version="1.0" encoding="utf-8"?>
<odoo>
   <!-- Activate language selector -->
   <record id="website.header_language_selector" model="ir.ui.view">
      <field name="active" eval="True" />
   </record>
</odoo>

通过编辑器进行翻译时:

  1. 将网站切换为法语。

  2. 进入产品页面。

  3. 单击 编辑 ‣ 翻译。

  4. 修改所有以 yellow 高亮的部分。

通过视图进行翻译时:

  1. 启用开发者模式。

  2. 前往设置,然后进入菜单 技术 ‣ 用户界面:视图。

  3. 搜索要翻译的页面名称。在本例中,在 视图架构 中搜索 homepage。

  4. 找到页面后,单击 EN (位于页面架构的顶部)。

  5. 这将打开一个弹出窗口,您首先会看到英文部分。在下方,则是您可以为法语进行的所有翻译。

模块导入

干得好!网站现已完全完成,您的模块已准备好安装在客户的 SaaS 数据库中。

在此之前,在新数据库上测试导入过程。

另请参阅

请参阅关于如何在 Odoo SaaS 数据库上 部署模块 的参考文档。

小技巧

  • 在模块安装之前,确保数据库上已安装 base_import_module 。

  • 验证所有必需的应用程序是否已安装。

  • 跳过主题安装步骤并从头开始。

结论

恭喜您完成了 构建网站主题模块 教程!您已成功完成了从设置开发环境到启动完全定制的 Odoo 网站主题的每个阶段。

在整个过程中,您已掌握了:

✅ 主题模块创建 - 设置结构,声明 Odoo 和 Bootstrap 变量。
✅ 网站构建 - 创建页面、添加媒体以及构建动态构建块。
✅ 高级定制 - 实现自定义 SCSS、JavaScript、页眉、页脚和独特的设计元素。
✅ 视觉增强 - 设计背景形状和图片形状、渐变及动画,打造引人入胜的用户体验。
✅ 电子商务优化 - 调整商店和产品模板,以实现无缝的购物体验。
✅ 最终准备 - 管理翻译并确保模块导入顺利。
凭借这些技能,您现在可以设计和开发专业的、完全定制的网站主题。干得好!
我们迫不及待地想看到您未来将创造的精彩主题。