如何使用 Shopify BuyButton.js 为特定产品变体创建立即购买按钮

Question

我正在使用 Shopify BuyButton.js 在我的网站上创建购买按钮和购物车。

我的产品有多种变体。

我可以使用以下内容轻松为产品创建购买按钮：

ui.createComponent('product', {
    id: [productid],
    node: document.getElementById('container'),
    options: {
        product: {
            layout: 'horizontal',
            contents: {
                img: false,
                title: false,
                options: true
            }
        },
        cart: {
            startOpen: false,
        }
    }
});

此产品有多个变体，可以通过下拉菜单进行选择，第一个变体是选定的变体。

我想做的是创建一个购买按钮，但只针对产品的特定变体。没有下拉菜单，点击“添加到购物车”将添加该产品并选择特定的变体。

我可以通过设置options: false 来隐藏下拉菜单，但选择的变体是第一个变体，我无法设置特定的变体。

Answer 1

在你的id: [productid], 下输入：

variantId: [variantid],

variantid 是变体的 ID。当您在 Shopify 仪表板中单击以编辑变体时，可以在 URL 中找到它。