SHOPIFY-仅在页面完全加载时才加载“添加到购物车”按钮答案

【问题标题】：SHOPIFY- Load "Add to Cart" button only when the page if fully loadSHOPIFY-仅在页面完全加载时才加载“添加到购物车”按钮
【发布时间】：2018-01-04 09:20:59
【问题描述】：

我写信是为了寻求帮助，基本上，我们只需要在产品页面完全加载时才加载“添加到购物车”按钮。

我解释了为什么我们需要这样做：我们遇到了促销应用“Secomapp 的免费礼物”的问题，该应用在页面完全加载时加载，但购物车按钮首先加载。这意味着我们的客户有几分之一秒的时间可以将产品添加到购物车，而无需应用显示促销弹出窗口。

请查看此链接 [https://www.eloisebeauty.com/products/get-glowed-illuminating-drops?variant=41106570505][1]

所以有两种选择：

先加载应用，再加载按钮
最后加载购物车按钮。应用后

这是我屏幕上录制的视频，以便您查看问题

https://drive.google.com/file/d/18v3vH17YXnEY60R5vImajh2gNKWW18YB/view?usp=sharing

欢迎任何帮助，在此先感谢！

【问题讨论】：

这是你需要做的。使用 CSS 隐藏“添加到购物车”按钮，并在您的促销应用加载时显示它。接下来，仅在促销应用关闭时打开购物车。这需要相当多的编码。最好从 Shopify 论坛获得帮助。

标签： shopify

【解决方案1】：

运行以下代码片段

// Shows button after 5 seconds of page load
$(document).ready(function () {
	  
    setTimeout(function(){
        $("#product-add-to-cart").show();
    }, 5000);

});

#product-add-to-cart{ display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input name="add" class="btn disabled" id="product-add-to-cart" value="Unavailable" disabled="disabled" type="submit">

【讨论】：