Как я могу создать кнопку покупки сейчас для определенного варианта продукта с 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],

Где variantidID варианта. Это можно найти в URL-адресе, когда вы нажимаете, чтобы отредактировать вариант на панели инструментов Shopify.