A developer has successfully created a collection page that displays products fetched from an external GraphQL API, rather than from Shopify’s backend. The challenge is creating individual product pages for these externally-sourced products.
Key Issue:
{{ product.title }}) won’t work since products aren’t in the backendInitial Suggestion:
One user recommended creating a custom product page template using Liquid markup and JavaScript to fetch external data. However, this approach was clarified as insufficient since it assumes products exist in Shopify’s system.
Current Status:
The discussion remains open with no definitive solution yet provided for rendering individual product pages from external API data within Shopify’s theme structure.
Hello All
I have created collection page using API call.
Here is url and password for page.
https://ganesh1725.myshopify.com/collections/all
Password : chiyod
The thing I want is to create a product page for each product which I have rendered from outside source like graphql API.
Is that possible using inside shopify theme files?
How can I do that?
Is there any suggestions or steps I need to follow or if there any documentation please share it with me…
hi,
you can create a custom product page template.
Example of code you can use
# {{ product.title }}
{{ product.description }}
Price: {{ product.price | money }}
Fetch external product data using javascript and assign your template to products
Hello @Small_Task_Help
Actually products are not setup at backend of shopify.
We can use this objects to show product info if the product is present at backend.
But I have get products from another store and showing them at the collection page.
What I want is how can I show them as a single product page which I have get from another store through API