Представление JS / GraphQL — основной артикул BigCommerce

#javascript #graphql #handlebars.js #bigcommerce #graphql-js

#javascript #graphql #handlebars.js #bigcommerce #graphql-js

Вопрос:

Каков наилучший способ вывода основного артикула для BigCommerce во внешний вид с помощью дескрипторов.

Я использовал GraphQL, но ответ слишком медленный, чтобы его можно было использовать, поскольку на самом деле это должно быть что-то, что можно вывести при рендеринге. Любые идеи будут оценены.

Код GraphQL

         <script type="text/javascript">
            fetch('/graphql', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'Authorization': 'Bearer {{ settings.storefront_api.token }}'
                },
                body: JSON.stringify({query: `
                    query {
                        site {
                            product(entityId: {{ product.id }}) {
                                sku
                            }
                        }
                    }
                `})
            }).then(function(response) {
                return response.json();
            }).then(function(response) {
                console.log(response.data.site.product.sku);
            });
        </script>
  

Комментарии:

1. HB? как ajax? для обновлений? … в те дни??? используйте headless (BE / API в качестве источника данных), интерфейс более разделен — используйте современный FE … react или предварительно обработанный gatsby

Ответ №1:

Если вы находитесь на странице продукта:

{{product.sku}}

Если вы находитесь на странице категории:

 {{#each products}}
   {{sku}
{{/each}}
  

Вы можете отлаживать контекст, доступный для каждой страницы, чтобы понять данные, доступные в командной строке Stencil:

https://developer.bigcommerce.com/theme-objects#viewing-a-pages-context