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

Question

我写信去寻求帮助，基本上，只有在产品页面满载时才需要加载“添加到购物车”按钮。

我解释了为什么我们需要这个：我们在推广应用程序“Secomapp免费礼品”时遇到问题，当页面完全加载时，应用程序会加载，但购物车按钮首先加载。这意味着我们的客户只需要一小段时间就可以在没有应用程序显示促销弹出窗口的情况下将产品添加到购物车中。

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

因此选项有两个：

1. 首先加载应用程序，然后加载按钮
2. 在最后加载购物车按钮。在App之后

此处我的屏幕上录制了一段视频，因此您可以看到问题

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

欢迎任何帮助，提前谢谢！

Answer 1

运行代码SNIPPET

＆＃13;

＆＃13;

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

});

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;