自定义 Shopify 按钮嵌入其他网站答案

【问题标题】：Custom Shopify Button embed on other website自定义 Shopify 按钮嵌入其他网站
【发布时间】：2020-06-03 06:58:20
【问题描述】：

我想在单独的网站上嵌入一个 shopify 购买按钮和结帐功能。我想对其进行自定义，使其看起来很原生。但是，我不知道如何做到这一点，这样我就可以拥有一个完全自定义的 CSS 按钮和一个单独的按钮来打开购物车。

    var client = ShopifyBuy.buildClient({
        domain: 'XXXX.myshopify.com',
        storefrontAccessToken: 'XXXX',
    });

    var ui = ShopifyBuy.UI.init(client);
    ui.createComponent('product', {
      id: XXXX,
      options: {
        product: {
          buttonDestination: 'cart',
        },
        cart: {
          startOpen: false,
        }
      }
    });

    ui.openCart();

我不能只有一个调用某个函数“AddToCart()”的 div 吗？有没有简单的方法来做到这一点？

【问题讨论】：

标签： javascript html css shopify

【解决方案1】：

我相信您可以使用 Shopify 的“购买按钮”销售渠道。

激活该渠道后，您可以使用它来选择产品或类别。在本节中，您还可以更改按钮的样式等。根据您的喜好更新所有内容后，单击下一步，它将为您选择的产品或目录生成代码。只需复制并粘贴它在您想要的网站上生成的代码。

希望这会有所帮助！

【讨论】：