通常在WooCommerce商城中产品列表或产品目录页面出现“阅读更多”按钮,点击后可以查看该产品详细信息,但当前页面提供完整的产品信息对用户体验更有利,所以就可以将“阅读更多”按钮隐藏,隐藏可以通过WordPress仪表板CSSZ和使用PHP代码自定义产品页面来实现,具体的操作方法下文有详细的介绍。
一、使用CSS隐藏按钮
1.进入WordPress仪表盘,点击外观>自定义。
2.在自定义面板中,点击附加CSS。
3.在文本框中添加以下代码:
.woocommerce.products.button {
display: none!important;
}
4.保存更改并发布。
这段CSS代码会隐藏,WooCommerce产品页面中的“阅读更多”按钮,仍保留其他按钮(例如“添加到购物车”)。
方法二、使用PHP代码自定义产品页面如果希望对产品页面进行更多的控制,可以添加PHP代码来定制WooCommerce的模板文件。通过覆盖主题的content-product.php文件,可以直接去除或修改“阅读更多”按钮的显示。
1.在WordPress安装目录下,找到当前使用的主题文件夹,
2.如果主题没有WooCommerce文件夹,可以复制wp-content/plugins/woocommerce/templates中的content-product.php到主题文件夹中。
3.编辑content-product.php文件,找到以下代码:
<code><?php woocommerce_template_loop_product_link_open(); ?></code>
4.在代码中删除或注释掉与“阅读更多”相关的部分。
5.保存文件并上传到主题文件夹。
这样可以更灵活地控制产品页面的显示内容,去掉不需要的元素。
推荐文章:
(本文由美国主机侦探原创,转载请注明出处“美国主机侦探”和原文地址!)

微信扫码加好友进群
主机优惠码及时掌握

QQ群号:938255063
主机优惠发布与交流