2017-09-25 89 views
0

希望你们其中一个能帮助我。我有这个简单的jQuery代码,一切正常,但我只是想修改此代码,以便它只在用户点击“添加到购物车”时执行。Shopify的简单jQuery代码

这里是链接到我使用的shopify主题:https://venture-theme-snowboards.myshopify.com/collections/snowboards/products/dc-mens-tone-snowboard-2015

这里是我正在使用的代码:

<script> 
 
    window.setTimeout(redirectCheckout, 2000); 
 
    function redirectCheckout(){ 
 
    if(!(window.location.href.includes("?1"))){ 
 
    window.location.href = "https://www.example.com/checkout"; 
 
    } 
 
    } 
 
</script>

任何帮助将非常apperciated !

+0

你有访问主题的液态文件? –

回答

0

你可以做到这样:

添加onclick属性来调用Add to Cart按钮的功能。这对所有页面都是一样的,我已经检查过了。

<button type="submit" name="add" onclick="getRedirect()" id="AddToCart-product-template" class="btn btn--full product-form__cart-submit"> 
     <span id="AddToCartText-product-template"> 

      Add to Cart 

     </span> 
</button> 

然后定义你的JavaScript代码的函数:

<script> 
    function getRedirect(){ 

     window.setTimeout(redirectCheckout, 2000); 
     function redirectCheckout(){ 
     if(!(window.location.href.includes("?1"))){ 
     window.location.href = "https://www.example.com/checkout"; 
     } 
     } 
    } 

</script> 
+0

嗨,Himanshu我试过你的代码,它似乎工作,但有一个小问题。他们的方式,我的网站工作是当我添加一个产品的购物车,它刷新1次。因此,它不会因为刷新而注册“点击”。你认为会有这样的工作吗? – Robbert29

+0

好的,那么在这种情况下,你想重定向用户?刷新之前或之后呢? –

+0

实际上,我想在刷新后重定向用户,经过几个小时的修补后,我想到了一个解决方案,利用了'这意味着如果您可以将代码设置为仅在页面加载时存在'''时执行,这将解决问题,因为“site-header__cart-indicator”仅在页面源代码刷新后出现。 – Robbert29