Shopify用のシンプルなjQueryコード

Question

うまくいけばあなたの一人が私を助けることができます。私はこのシンプルなjQueryコードを持っていますが、すべて動作しますが、このコードを変更して、人が「カートに追加」をクリックしたときにのみ実行するようにしたいのです。

ここで私が使用しているshopifyテーマへのリンクです：

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

をすべてのヘルプははるかにapperciatedされます：https://venture-theme-snowboards.myshopify.com/collections/snowboards/products/dc-mens-tone-snowboard-2015

をここでは、私が使用しているコードです。 ！

Answer 1

あなたはこの方法を行うことができます。

をAdd to Cartボタンに機能を呼び出すためにonClick属性を追加します。これはすべてのページで同じですが、私はチェックしました。

<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>