使用Elementor怎么编辑商城页面
最近有人咨询这个问题,好像很多人都有类似的疑惑。
当你想用 Elementor 编辑 shop 页面时,通常都会出现下图报错。这是因为当我们安装 WooCommerce 后,它自动生成的 shop 页面是默认使用你主题的样式,所以我们只需要做以下操作。
事先声明
你要是打算用Elementor编辑shop,那么它会是完全空白的(除非你的主题是和elementor匹配的,并且它容许你自定义)并不是在你现在商城页面的基础下编辑,默认商城样式是根据你安装的网站主题的。
上面是WoodMart的一个商城模板,由于WoodMart是和Elementor构建器匹配的,所以我们可以去后台的layout,在现有的模板基础上编辑它,你也可以选择从空白开始,这个就看你自己的选择了。
修改后台商城页面(免费版)
这是只有免费版的操作方法,如果你有Elementor PRO,往下滑。
去到后台的产品设置,把 shop 页面取消就可以编辑了。你如果再选回去的话会乱码的。这个缺点就是没有设置一个商城默认的页面,像一些“返回商城”设置不会正确跳转。
你如果只有Elementor免费版的话,这种搭建方式挺难的。首先导出全部产品你就做不到,因为你没有产品这个组件(除非你借助一些其他的插件addons,你的主题可能也自带一些组件不然就是用代码),不像PRO有Loop grid功能,可以自定义产品的全部展示信息。
Elementor PRO 编辑方法
如果你有 PRO,上面的方法也行,不过完全没有必要,建议你直接去模板建一个 product archive 套在 shop 页面上。