分享笔记:

Elementor无法编辑商城页面

如果你在用Elementor免费版,那么你是编辑不了商城页面的,看看怎么解决吧!

文章目录

使用Elementor怎么编辑商城页面

最近有人咨询这个问题,好像很多人都有类似的疑惑。

当你想用 Elementor 编辑 shop 页面时,通常都会出现下图报错。这是因为当我们安装 WooCommerce 后,它自动生成的 shop 页面是默认使用你主题的样式,所以我们只需要做以下操作。

elementor编辑商城页面

事先声明

你要是打算用Elementor编辑shop,那么它会是完全空白的(除非你的主题是和elementor匹配的,并且它容许你自定义)并不是在你现在商城页面的基础下编辑,默认商城样式是根据你安装的网站主题的。

elementor编辑商城页面
主题自带商城页面

上面是WoodMart的一个商城模板,由于WoodMart是和Elementor构建器匹配的,所以我们可以去后台的layout,在现有的模板基础上编辑它,你也可以选择从空白开始,这个就看你自己的选择了。

woodmart layout
WoodMart Layout

修改后台商城页面(免费版)

这是只有免费版的操作方法,如果你有Elementor PRO,往下滑。

去到后台的产品设置,把 shop 页面取消就可以编辑了。你如果再选回去的话会乱码的。这个缺点就是没有设置一个商城默认的页面,像一些“返回商城”设置不会正确跳转。

elementor编辑商城页面

你如果只有Elementor免费版的话,这种搭建方式挺难的。首先导出全部产品你就做不到,因为你没有产品这个组件(除非你借助一些其他的插件addons,你的主题可能也自带一些组件不然就是用代码),不像PRO有Loop grid功能,可以自定义产品的全部展示信息。

Elementor PRO 编辑方法

如果你有 PRO,上面的方法也行,不过完全没有必要,建议你直接去模板建一个 product archive 套在 shop 页面上。

elementor编辑商城页面elementor编辑商城页面elementor编辑商城页面

为笔记评分

平均评分 5 / 5. 摘星者: 5

有疑问?留个言吧!

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors