How to render shopify app content to shopify store?

0
votes

I am using Shopify default theme Debut and i want to integrate the ajax filter for products filter like this (AjaxFilter) without using any paid app. I am creating own public app and its working fine. I also fetch the list of products of app and also created the script tag.

  1. App Created successfully and render products enter image description here
  2. Script tag created successfully and able to render the hard-code text on Shopify store. enter image description here

But now point is this i want to render the product listing from app to store theme. I go through the all tutorial and document of Shopify did not found any suitable solution.

I also try the proxy but did not work. enter image description here

1
shopifyshopify-appshopify-templateshopify-api
If you are creating your own public, why don't you make it in a way that it returns a JSON list of products based on the parameters you pass to it? And then arrange the frontend using Javascript? - HymnZzy
If you are wanting to render products, get yourself a storefront API token, and then use that pattern. Your use case is exactly what that is for. - David Lazar
Is there any standard Shopify documentation that i can follow to achieve this? - kantsverma

1 Answers

-1
votes

Create Ajax script in shopify theme frontend using script js and call your app server product list method. in your app server use GraphQL Shopify api for fetch products list Or 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