添加到购物车-按钮应禁用

时间:2017-12-17 作者:asdfgsdfv

要澄清一些事情,请访问http://adorn.edge-themes.com/product/variable-bag/ 只需单击“添加到购物车”。即使无法将文本添加到购物车,文本也会更改为“添加到购物车”。

我有一个可变产品,客户需要选择几个选项(服装尺寸、服装颜色……)将此产品添加到购物车之前。如果我没有选择其中任何一个,我会收到一条警告消息,说“请选择一些产品选项”。这是正确的,也是预期的。问题是,“添加到购物车”按钮更改为“添加到购物车”,即使在出现警告消息后仍保持不变。我希望它恢复为“添加到购物车”文本。

我猜我必须找到一个js文件来设置点击按钮后的文本。请问从哪里开始?

1 个回复
最合适的回答,由SO网友:Anson W Han 整理而成

主题的javascript正在应用此行为。

页面头部有一个全局变量,由主题设置:

<script type=\'text/javascript\'>
/* <![CDATA[ */
var edgeGlobalVars = {"vars":{"edgeAddForAdminBar":0,"edgeElementAppearAmount":-100,"edgeAddingToCartLabel":"Adding to Cart...","edgeTopBarHeight":0,"edgeStickyHeaderHeight":0,"edgeStickyHeaderTransparencyHeight":60,"edgeLogoAreaHeight":0,"edgeMenuAreaHeight":96,"edgeMobileHeaderHeight":60}};
var edgePerPageVars = {"vars":{"edgeStickyScrollAmount":0,"edgeHeaderTransparencyHeight":0}};
/* ]]> */
</script>
以及调用缩小/聚合编译的主题js文件:

<script type=\'text/javascript\' src=\'http://adorn.edge-themes.com/wp-content/themes/adorn/assets/js/modules.min.js?ver=4.7.5\'></script>
其中包括一个单击处理程序,用于更改单击按钮上的文本:

function h()
{
    var a = e( ".add_to_cart_button, .single_add_to_cart_button" );
    a.length && a.click( function ()
    {
        e( this ).text( edgeGlobalVars.vars.edgeAddingToCartLabel )
    } )
}
建议的步骤:

检查主主题的设置,以禁用/覆盖此设置,保持文本静态,或覆盖子主题

我检查了元素,寻找状态更改上的任何类更改(没有)

  • 在vanilla woocommerce插件中搜索任何javascript文件中的文本“添加到购物车”(也没有),然后在页面的呈现源代码中搜索文本“添加到购物车”,这使我找到了edgeGlobalVars数组
  • 结束