shopify - 如何使用 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 中找到此信息。