如何解决Product Archive模版Product页面标题默认为Shop?

文章目录

Elementor V3.12版本之后,Product Archive模版Product页面标题默认为Shop,如果你是B2B外贸网站并且使用Woocommerce进行产品管理,可能不希望Product页面的标题为Shop,本文就介绍如何解决这个问题。

如何解决Product Archive模版Product页面标题默认为Shop?

1、如何设置Product页面标题默认为Shop

Woocommerce中有一个默认Shop页面设置,通常我们创建一个Products页面之后,会把该页面设置为Shop page,就和WordPress默认Blog页面设置是一样的道理,

Products页面设为Woocommerce默认的Shop页面之后,页面将不可以编辑,只能通过主题修改,或者页面构建器的模版进行编辑和修改。

image 2 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

将Products页面设为Shop页面之后,就可以通过Elementor Product Archive 模版来自定义产品汇总页面(实际上就是Shop页面),通过Product Archive 模版的Display Condition:Include Shop Page,可以实现用Product Archive模版展示产品汇总页面。

image 1 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

以上的设置在Elementor V3.12版本之后会导致Product产品汇总页面的标题默认为Shop。

如果你想解决这个问题,可以取消Products作为默认的Shop页面,然后可以直接用Elementor编辑Products页面即可,下面是详细的步骤。

2、取消Products页面的默认Shop页面设置

在Woocommerce设置的Products标签下面,取消掉Shop page的设置。

image 3 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

取消之后,Products页面变成一个空页面,并且可以编辑。

image 4 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

3、编辑发布Products页面

和其他页面一样使用Elementor编辑Products页面

image 5 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

如果你需要Products页面和分类模版页面布局一样,可以直接复制Product Archive模版的内容,粘贴到Products页面,将Archive Title 改成page Title

image 6 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

并将产品列表的数据源改成所有产品即可

image 7 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

设置完成之后保存发布Products页面,并访问Products页面,可以看到标题已经和页面标题一致。

image 8 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

4、编辑修改Product Archive模版

Products页面取消Shop页面设置之后,即使不修改Product Archive模版,也不会有任何影响。

但是你也可以删除掉Product Archive模版Display Condition的Include Shop Page。(删除不删除都无影响,因为本身整个网站已经不存在Shop Page了)

image 9 - 如何解决Product Archive模版Product页面标题默认为Shop? - NUTSWP

4、总结

以上的做法其实就是将Products页面以一个单纯的页面进行编辑。这样在实际的编辑过程中,我可以对Products页面做更多内容编辑。

这么做其实对B2B网站来说更为合适,Shop Page本身就是商城的属性。而B2B的Products页面更像是Landing Page。

分类
标签
建站交流群
建站咨询请联系企业微信
技术支持/服务
Load WordPress Sites in as fast as 37ms!

推荐阅读

如何使用Elementor Pro制作网站Footer?

本文介绍如何用Elementor Pro制作网站Footer,Elementor Pro制作的网站Footer可以覆盖主题的Footer设置,制作完成之后只需要维护Footer模板即可。 本教程的前提

如何用Elementor Pro制作网站Header?

本文介绍如何用Elementor Pro制作网站Header,Elementor Pro制作的网站Header可以覆盖主题的Header设置,制作完成之后只需要维护Header模板即可。 本教程的前提

Elementor响应式设置详解(附视频)

本文介绍Elementor响应式如何设置,Elementor Page Buider 是一款响应式页面编辑器。能够帮助你快速适配不同的终端展示效果。 高清视频请转到B站观看→ Elementor响应式

WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板
目录
站长自用主机推荐
优惠码:NUTSWP2023
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信