Как я могу создать кнопку покупки сейчас для определенного варианта продукта с Shopify BuyButton.js

Я использую 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, но выбранный вариант является первым, и я не могу установить конкретный вариант.


person isaganiesteron    schedule 19.03.2020    source источник


Ответы (1)


Под вашей строкой id: [productid], введите:

variantId: [variantid],

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

person ianp    schedule 05.02.2021
comment
Я могу подтвердить, что это работает, хотя я в основном использую дескриптор вместо идентификатора. - person Rohit Gupta; 14.04.2021