Shopify购买按钮-使结帐按钮首先重定向到在线商店购物车

时间:2020-02-21 16:26:13

标签: shopify shopify-javascript-buy-sdk buybutton.js

某些背景-我在Wordpress中使用Shopify购买按钮。我已将脚本添加到Wordpress小部件,并设法自定义了某些组件。我想更改一件事,但我不太想知道。 “结帐”按钮当前会打开在线商店的Shopify Checkout,但是有没有办法让该按钮打开在线商店中的购物车页面?

我已经看到其他人对按钮使用.click函数,例如:

$('.btn--cart-checkout').on('click', function() {
window.location = 'https://' + config.domain + '/cart';
});

我绝对是使用JavaScript的初学者,所以我不确定在哪里放置该代码,也不知道window.location URL是否会将添加到“购买按钮”购物车中的商品带到Shopify购物车中。我知道购物车的永久链接,但这在这里不起作用。我希望能够将“购买”按钮中添加到购物车的产品转移到在线商店的购物车中。

感谢您的帮助或指导!谢谢!

1 个答案:

答案 0 :(得分:0)

我喜欢将社交媒体按钮集成到我的网站中!

建议: 尝试这段代码,看起来不错。看看效果如何-通常将HTML中的任何Javascript放在标记之间。

您肯定要在HTML中创建按钮类,并为btn--cart-checkout添加一个类属性,以便JavaScurpt能够定位按钮的功能。

所有品牌都有一个页面,其徽标和徽章可以集成到网站中,这些页面是免费提供的,在某些情况下,您可以轻松地将一些代码段嵌入到您的代码中。就您而言,this is Shopify's页!

检查一下,让我知道!