Pulling the data but not preview on the page

Technical Questions Shopify
, ,
1

@manish-sharma

So, I have successfully pulled the data from Shopify to the builder.io admin dashboard, but the task has been trying to pull the data and preview the data on the page.

  1. Add the Shopify API Key to Builder.io
  2. Check to see if the data was being pulled and that success
  3. Now coming to road roadblock, where I cannot debug these issues because the issues are not within the code, or there is no like system, just using the builder.io dashboard. So now trying to figure out if I need to console log this problem, but do not know where to go within my Visual Studio Code if I have not created a section within my folder structure. What advice or suggestion can you give me

But want you to give me an answer, trying to figure out how to debug builder.io correctly, so I can successfully figure out what is going on in the BackEnd of better becuase I still feel incompetent in builder.io, so can you successfully guide please.

Debugging Shopify API Integration Challenges | Loom
Landing Page | Visual Editor | Builder.io - 6 October 2025 | Loom

2

Hello @xbrandonpowell,

Thanks for sharing the details. It sounds like you’ve made good progress pulling data from Shopify into Builder.io, and now the challenge is debugging the data rendering and preview issues. Here’s a structured approach to help you tackle this:

  1. Verify Data Fetching in Builder.io:
    • In Builder.io, check the Data section for your model (e.g., Products or Collections). Ensure the data is visible there. If it’s not, the issue is likely with the API key or the query itself.
  2. Preview Data on Page:
    • Use the Dynamic Data Binding in your Builder page. Make sure the components are correctly bound to the data you fetched.
    • Sometimes, the preview doesn’t update immediately. Refresh the page and check if the latest data appears.
  3. Debugging in Builder.io:
    • Unlike traditional code, Builder.io doesn’t expose a conventional backend. But you can debug data in a few ways:
    • Use “console.log” in your custom code blocks (JS/React) inside Builder.io. This logs directly to your browser console when you preview the page.
    • Check network requests: Open DevTools → Network tab → Filter for Builder Shopify API requests to see if data is being returned correctly.

Thanks,