Как отобразить содержимое приложения shopify для магазина shopify?

Я использую Shopify тему по умолчанию Debut, и я хочу, чтобы интегрировать фильтр АЯКС для продуктов фильтра, как это (AjaxFilter) без использования какого-либо платного приложения. Я создаю собственное общедоступное приложение, и оно отлично работает. Я также получаю список продуктов приложения, а также создал тег скрипта.

  1. Приложение создано успешно и отображает продукты  введите описание изображения здесь
  2. Тег скрипта успешно создан и может отображать текст жесткого кода в магазине Shopify. введите описание изображения здесь

Но теперь я хочу отобразить список продуктов из приложения в тему магазина. Я просматриваю весь учебник, и в документе Shopify не нашел подходящего решения.

Я тоже пробовал прокси, но не получилось. введите описание изображения здесь


person kantsverma    schedule 01.12.2020    source источник
comment
Если вы создаете свой собственный паблик, почему бы вам не сделать его так, чтобы он возвращал список продуктов в формате JSON на основе параметров, которые вы ему передали? А потом оформить интерфейс с помощью Javascript?   -  person HymnZzy    schedule 01.12.2020
comment
Если вы хотите отображать продукты, получите токен API витрины магазина, а затем используйте этот шаблон. Ваш вариант использования - это именно то, для чего он нужен.   -  person David Lazar    schedule 01.12.2020
comment
Есть ли какая-либо стандартная документация Shopify, которой я могу следовать для этого?   -  person kantsverma    schedule 02.12.2020


Ответы (1)


Создайте скрипт Ajax в интерфейсе темы shopify с помощью скрипта js и вызовите метод списка продуктов вашего сервера приложений. на вашем сервере приложений используйте GraphQL Shopify api для получения списка продуктов или Shopify rest admin api.

Shopify GraphQl: https://shopify.dev/docs/admin-api/graphql/examples/product Shopify Rest Admin Api: https://shopify.dev/docs/admin-api/rest/reference/products.

person Mohammad Asfak    schedule 02.12.2020
comment
Есть ли какая-либо стандартная документация Shopify, которой я могу следовать для этого? - person kantsverma; 02.12.2020
comment
сообщество. shopify.com/c/Technical-QA/ для тега скрипта - person Mohammad Asfak; 26.12.2020
comment
через прокси-сервер github.com/devtees/shopify-product-filter - person Mohammad Asfak; 26.12.2020
comment
Спасибо за ваши ответы. Я нашел решение, которое я сделал, используя тег скрипта shopify. - person kantsverma; 27.12.2020