怎么使用Elementor来编辑自己网站的商店和产品页面呢？这篇Elementor教程就会给大家介绍使用Elementor Pro来设计自己网站的商店和产品页的方法。
使用Elementor设计WooCommerce产品页面的前提是需要安装好WordPress和WooCommerce插件，并且需要安装Elementor Pro插件才行。
接着在Elementor的模板新增（Templates > Add New），从素材库里面可以选择Elementor创建好了的模板。
如果对默认的布局不满意，也可以像设计页面一样自行设计。
Elementor Pro带有WooCommerce商店的元素，包括产品面包屑导航、产品标题、产品图片、产品价格、添加到购物车按钮、产品评分、相关产品等信息。
如果你是做B2B的网站，那么产品页不要加入销售相关的元素，例如把添加到购物车换成一个询盘按钮，就可以把WooCommerce的在线销售功能给换成了B2B在线询盘功能。
下面是Elementor各个元素的介绍。
对照着上图的元素内容，然后设计完毕自己需要的产品页面布局，最后发布。
发布范围选择products页面，访问前台的产品页，就可以看到刚才自己创建的产品页布局效果了。
另外的，像产品归档页、结账页，都可以使用Elementor的模板来创建，创建完毕后发布选择对应的显示范围就OK了。
以上就是怎么自己使用Elementor来设计自己的产品页教程了，感谢阅读。