Can I modify Shopify store admin product page

Can I modify Shopify store admin product page

darshanshah
Shopify Partner
3 0 1

I've developed a custom shopify app, right now it is working according to the requirement(which is add/edit/remove values in metafields). But I need to embed that functionality into admin side product page itself.

Is there any API to make some changes to store admin product page? Any suggestions or recommendation?

Replies 3 (3)

Gregarican
Shopify Partner
1033 86 292

You can use the Embedded App SDK or App Bridge (https://shopify.dev/tools/embedded-app-sdk) to customize the front-end Shopify web admin. This should allow you to extend the normal product page to also provide visibility to metafields. 

darshanshah
Shopify Partner
3 0 1

Hi @Gregarican, thank you for the quick response.

But can I show product metafield below variants(shown in screenshot below)? From where store admin can add/update/delete metafields value using my custom app. Can you suggest an API if it's feasible?

image.png

Gregarican
Shopify Partner
1033 86 292

As far as I know I don't think you can directly build "on top" of the existing internal Shopify web admin pages. The App Bridge or Embedded SDK allows you to create your own elements that are accessed via the Shopify web admin via its own iframe. See https://shopify.dev/tutorials/embed-your-app-in-the-shopify-admin for a quick rundown.

So it would be a taller task, in that you'd need to roll your own products view in order to allow display and manipulation of the metafield elements. Although if your intention is for viewing/modifying metafields one product at a time you could just build a basic form. The user provides the ID, the product is then displayed along with its metafield values piped into text boxes. If the user wants to modify any of these then they'd type the changes into the text boxes and hit a Submit button to commit the changes back into Shopify. Just some ideas...