2017-09-25 143 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