本文介绍如何使用Elementor Pro制作产品汇总和分类页面模板，在制作之前你需要确保已经安装和激活了Elementor Pro和Woocommerce插件，之后我们就可以使用Elementor Pro的Theme Builder创建Products Archive模板。
说明：Product Archive模板是专门制作产品列表页面的模板，而Single Products模板是专门制作产品详情页面的模板。
高清视频请直接转到B站主页观看
1、创建Products Archive模板
进入Elementor Pro的Theme Builder，也就是主题构建器中
切换到Products Archive模板类型
点击【Add New】添加一个Products Archive模板
2、编辑Products Archive模板
添加之后会自动弹出Elementor 模板，你可以选择Elementor提供的模板进行修改，也可以直接关闭模板自定创建和编辑。
我大概编辑完成一个这样的页面，详细的编辑过程你可以观看上文的视频。
产品列表展示元素的选择和详细说明
之前遇到很多对于产品列表元素数据源设置的问题，这里做一些详细的补充说明。
在制作Products Archive模板时，产品列表展示元素可以选择的有很多，包括主题自带的Archive Products元素、Elementor基于Woocommerce生成的Products元素，Elementor三方扩展提供的元素（例如 UAE的Woo-Products元素）都可以实现。下面就来说说有什么区别和如何设置。
Archive Products元素
Archive Products元素是主题自动生成的，你可以修改元素展示的颜色字体大小等内容，但是不可以修改其风格，比如是否展示图片，是否展示摘要等内容，这些需要你到主题设置里面去修改。
同时这个元素的数据源是默认的，你不需要设置。
Products元素
Products元素是Elementor基于Woocommerce提供的，它和Archive Products元素非常相似。不同的地方就是它可以修改数据源。
如果你选择是Products元素来展示产品，则数据源一定要选择【Current Query】
Woo-Products元素
Woo-Products元素是Elementor第三方扩展Unlimited Addon For Elementor（付费插件，本站读者福利微信联系可以免费领取1个终身授权）提供的元素。
这个元素的自由度相对高一点，你可以设置需要显示和隐藏的内容，同时也可以设置其外观风格。
其数据源设置需要设置为【Main Query】
3、设置模板的可见性（Display Condition）
你如果对Elementor Theme Builder模板的Display Condition设置不了解，可以阅读我写的《Elementor Display Condition显示条件设置详解(附视频)》。
如果你只打算制作一个Products Archive用于展示网站中所有的产品列表页面，那么你按照下图设置Display Condition即可。
也就是 Include ：All Product Archives
如果你希望不同的产品列表内容的展示效果不同，那么你可以针对不同的内容做对应的Products Archive模板，然后通过Display Condition设置来设置不同的模板展示应用到不同的产品列表内容。
4、保存发布并查看效果
首先需要保存发布制作的Products Archive模板
保存之后你可以预览，但是通常情况下预览的数据会不准确，建议是直接访问对应的分类目录页面来查看实际的效果。
预览的页面和实际的页面在URL上会有区别，预览的页面URL中会包含Preview字样。
预览的页面
实际的页面
总结
以上就是使用Elementor Pro制作产品汇总和分类页面模板全部内容，我整理了一篇比较完整的《Elementor 使用教程》可以帮助你系统全面的了解和使用Elementor搭建自己网站。
