Use Shopify customer account UI extensions to capture order problems
HTML-код
- Опубликовано: 22 июл 2024
- Gadget v1.0 has been released and customer account UI extensions in Gadget are no longer in beta!
Watch the updated video: • Build Shopify customer...
In this Shopify tutorial, we explore customer account UI extensions, and build a fullstack app that allows merchants to define issues that customers can then select once an order has been fulfilled.
Some of these features are in beta! Join our developer Discord to get access: ggt.link/discord
Forkable Gadget app + extension code: app.gadget.dev/auth/fork?doma...
Make sure to check out the SETUP-README.md file for instructions after forking
Gadget docs: docs.gadget.dev/guides/plugin...
Shopify tutorial: shopify.dev/docs/apps/custome...
Chapters
00:00 Intro
00:36 Create app & connect to Shopify
08:58 Add issue data model
10:30 Build custom action
15:45 Modify access control
18:37 Admin-embedded frontend
29:17 Customer account UI extension
42:13 Test it out! Наука
♥
Thanks for the video!
Future video request, could you make a video giving an example of working with products and orders? We have a number of requirements we would like to meet using apps that access product fields, orders and custom product meta fields. For instance we don’t sell in the same currency as the currency our suppliers sell to us and set MAP pricing in. We would like to store their pricing in product meta fields and periodically check their prices converted to our currency at current conversion rates to make sure we’re selling at the right price in our currency. Other needs would be to be able to compare order product quantities to stock quantities. Thanks!
Good suggestion! I will add the currency conversion + metafield app to our list of future tutorial content. If you have any other suggestions, feel free to hop in our Discord and let us know!
Can I build this prototype Or is it now in beta phase?
This functionality is still in beta. If you're interested, ask to join in our Discord: ggt.link/discord