Flatsome主题如何创建自定义产品布局

Flatsome 是一个功能强大的 WordPress 电商主题，专为 WooCommerce 商店设计。其加载速度快且用户友好，能帮助完全没有编程经验的用户，也可以创建专业的电商网站。

Flatsome主题介绍

主要特点：

1. 内置页面构建器：Flatsome 自带 UX Builder 页面构建器，支持可视化拖放操作，可以轻松创建自定义页面布局。
2. 响应式设计：该主题针对移动设备、平板和桌面设备均进行了出色的优化，确保用户无论使用何种设备访问您的网站，都能获得极佳的体验。
3. 加载速度快：Flatsome 经过充分的优化，页面加载速度快，有助于提升SEO表现和用户体验。
4. 大量的模板和模块：Flatsome 提供了大量的模板和预设样式，可以快速导入到网站，并且有大量的模块，可以节省建站的时间。
5. WooCommerce 支持：作为专为 WooCommerce 打造的主题，Flatsome 完美兼容 WooCommerce 插件，并提供多种产品展示、购物车和结账页面的布局选择。
6. 定期更新：Flatsome 的开发团队定期推出更新，确保主题兼容最新的 WordPress 和 WooCommerce 版本，同时引入新的功能和改进。

适用场景：

• 电商网站：主题与 WooCommerce 的完美兼容，Flatsome 非常适合用于创建在线商店。
• 企业网站：Flatsome主题也适合用于创建企业、博客等多种类型的网站。

Flatsome 是一个性能优越、功能全面的主题，适合各种建站需求，并提供了大量的自定义选项，让用户能够创建独特且专业的网站。

创建新块

在左侧菜单中找到“UX Blocks”，然后点击Add New，创建一个新的块。

根据需要输入块的名称，本文中我们以“CPL-Global”命名。

自定义产品布局可以分三种情况：

• 全局模板：为所有产品创建统一的模板。创建一个新的空块“CPL – Global”
• 类别模板：为某个类别创建模板。创建一个新的空白块“CPL Category – Clothing”
• 单品模板：为某个单品创建模板。新建一个空白块“CPL Single – Design 1”

启用自定义产品布局

1、全局启用

依次打开外观->自定义->Woocommerce->Product Page，在产品页面布局选项中选择“自定义”，然后选择刚刚为自定义产品页面布局创建的块。 保存并退出设置。

2、根据类别启用

在Wordpress仪表盘中，找到Product，并打开产品类别。找到已经创建的产品分类，然后点击编辑按钮，找到自定义产品布局，选择刚刚创建的产品布局。

3、针对单个产品启用

找到目标产品，并点击产品编辑按钮，然后找到下图所示的自定义产品布局，选择刚刚创建的布局。

配置产品页面布局

从上一步退出设置面板后，打开对应的产品前端页面，这时候看不到产品信息。点击顶部“Edit product”中的”Edit product layout with UX Builder”。

编辑模式

打开 UX 构建器后，从左侧的面板中选择对应的布局，并向其中添加动态元素。

综上，就是Flatsome主题添加自定义产品单页布局的方法。