Как получить идентификатор, необходимый для покупки кнопки покупки?

Question

Как я могу получить идентификатор ресурса магазина?В одном из своих постов в блоге здесь (прокрутите вниз до этого раздела, 3. Создание компонента) они предлагают, что это выглядит следующим образом, id: 1234567

ui.createComponent('product', {
  id: 1234567,
  node: document.getElementById('my-product')
});

Как можно получить этозначение?id: 1234567

Когда я нажимаю на ссылку в статье на how to find a resource ID, я попал здесь , что затем приводит меня здесь .

Я пытаюсь создать кнопку покупки в магазине с мини-тележкой на моем WordPress-сайте.Shopify дает мне из коробки сгенерированный код для каждого продукта, который выглядит следующим образом:

<div id='product-component-a3721b1ed3e' ></div>
<script type="text/javascript">
    /*<![CDATA[*/

    (function () {
      var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
      if (window.ShopifyBuy) {
        if (window.ShopifyBuy.UI) {
          ShopifyBuyInit();
        } else {
          loadScript();
        }
      } else {
        loadScript();
      }

      function loadScript() {
        var script = document.createElement('script');
        script.async = true;
        script.src = scriptURL;
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
        script.onload = ShopifyBuyInit;
      }

      function ShopifyBuyInit() {
        var client = ShopifyBuy.buildClient({
          domain: 'my-shop.com',
          storefrontAccessToken: 'my-token',
        });

        ShopifyBuy.UI.onReady(client).then(function (ui) {

          ui.createComponent('product', {
            id: [12345667820298],
            node: document.getElementById('product-component-a3721b1ed3e'),
            moneyFormat: '%24%7B%7Bamount%7D%7D',
            options: {
            "product": {
              "variantId": "all",
              "width": "240px",
              "contents": {
                "img": false,
                "imgWithCarousel": false,
                "title": false,
                "variantTitle": false,
                "price": false,
                "description": false,
                "buttonWithQuantity": false,
                "quantity": false
              },
              "styles": {
                "product": {
                  "text-align": "left",
                  "@media (min-width: 601px)": {
                    "max-width": "100%",
                    "margin-left": "0",
                    "margin-bottom": "50px"
                  }
                },
                "title": {
                  "font-size": "26px"
                },
                "price": {
                  "font-size": "18px"
                },
                "compareAt": {
                  "font-size": "15px"
                }
              }
            },
            "cart": {
              "contents": {
                "button": true
              },
              "styles": {
                "footer": {
                  "background-color": "#ffffff"
                }
              }
            },
            "modalProduct": {
              "contents": {
                "img": false,
                "imgWithCarousel": true,
                "variantTitle": false,
                "buttonWithQuantity": true,
                "button": false,
                "quantity": false
              },
              "styles": {
                "product": {
                  "@media (min-width: 601px)": {
                    "max-width": "100%",
                    "margin-left": "0px",
                    "margin-bottom": "0px"
                  }
                }
              }
            },
            "productSet": {
              "styles": {
                "products": {
                  "@media (min-width: 601px)": {
                    "margin-left": "-20px"
                  }
                }
              }
            }
          }
          });
        });
      }
    })();
    /*]]>*/
</script>

Похоже, что это идентификатор для продукта, который я хочу:

      ui.createComponent('product', {
        id: [12345667820298],

Я просто делаюне знаю как это получить.

Answer 1

Да, это идентификатор.Если вы сгенерируете кнопку покупки, вы получите идентификатор.Никаких дальнейших действий не требуется.Этот идентификатор также отображается в URL.Например, в бэкэнде перейдите к продуктам - все продукты и нажмите один продукт.URL теперь заканчивается идентификатором.

Я думаю, что это сбивает с толку.Их существующие дескрипторы (производные от названия продукта), идентификаторы этого варианта и идентификаторы, используемые в API.