Woocommerce Astra 主题显示两个添加到购物车按钮

Posted

技术标签:

【中文标题】Woocommerce Astra 主题显示两个添加到购物车按钮【英文标题】:Woocommerce Astra theme showing two add to cart buttons 【发布时间】:2022-01-10 07:11:08 【问题描述】:

我正在寻求帮助。我有 Astra 的(免费版)。它在每个产品上显示两个“添加到购物车”或“选择选项”按钮。如何删除其中之一?

添加此代码会删除两个按钮:

.single_add_to_cart_button, 
.add_to_cart_button  
  display: none !important; 


.single-product .cart, .add_to_cart_button  
  display: none !important; 


与此代码相同(顶部按钮上的代码,使用检查工具找到):

.button.add_to_cart_button.product_type_variable  
  display: none !important; 

添加此代码不会删除任何按钮(底部按钮上的代码,使用检查工具找到):

.button.product_type_variable.add-to-cart_button  
  display: none !important; 

非常感谢任何帮助!

【问题讨论】:

【参考方案1】:

想通了。找不到重复的动作挂钩,但找到了一个对我有用的解决方法,即添加到这个 CSS 中:

.button.add_to_cart_button.product_type_variable  
  display: none !important; 

从类别页面中删除了两个按钮,但在产品页面上保留了添加到购物车按钮。

根据我的阅读,这似乎是常见的 Astra 主题问题,所以也许他们会在某个时候修复。

【讨论】:

以上是关于Woocommerce Astra 主题显示两个添加到购物车按钮的主要内容,如果未能解决你的问题,请参考以下文章

Astra Pro主题永久正版授权wordpress轻量快速简洁主题模板汉化 后台110+模板

在 WooCommerce 结帐时将产品详细信息从订单传递到 jQuery/javascript

WooCommerce 电子邮件模板自定义

使缩略图垂直后,图像比 flex-viewport 更宽

WooCommerce 变体图像未显示

WooCommerce 产品上的 ACF 字段未显示