How can I display custom app data on my store's frontend?

[Usama788]

Hey hope all of you are doing well. I built one custom app that shows products data of some specific category. The thing i want is to show that data at store frontend. How can this be possible as i not found any exact solution for that. I am looking for your response.

[Dynasort]

Two ways:

1. Shopify App Blocks where your merchant(s) can bring in data from the app
   https://shopify.dev/themes/architecture/sections/app-blocks
2. Or you could create metafields with your app that can be outputted by liquid in your theme
   https://shopify.dev/apps/data-extensions/metafields

[AndyHung]

Hello @Dynasort ,

In your solution 1, how can I use Shopify App Blocks to pass data from app to store front? I dont find it in that link. Please help me. Thank you so much!

[Dynasort]

Near the bottom, you'll see the link to https://shopify.dev/apps/online-store/theme-app-extensions/extensions-framework that has the file structure. You should be able to access liquid variables there as well as add javascript and do an ajax call to gather data (depending on how you're storing the app's data)

[AndyHung]

Oh, Thank you for your help @Dynasort