Hi, very nice and helpful video. I have one Question. can we add any type of limitation for block, like a user, can add only one time only? I have tried with "max_blocks" but it does not work.
Hello, Finally my search for finding good tutorial on shopify theme app extension is stopped. :) i have one doubt in previous video you have shown animated button theme app extension . there how you have added backend settings i means button effect selection at shopify partner ..?? how that setting page added at backend to select effect and how that reflected at store front..?
What should i do if i want to make a block I've created in my theme extension to a section provided by the theme? Like an image-text section and i want to add a block to that I've created.
thank you for this great content keep going, can you give a hand with that i want to create a wishlist app i think it can't build with react and node ? in your video i saw that can be buiild only with app theme extenstion to create for example the heart button that target a section in every product page and added to wishlist page but the problem here how can create a wishlist page that show all favorite products and how to make the heart button that locate in navigation bar once cliked go to that wishlist page
Hi Ahmed, thank you very much! That’s a good question :) i believe that you would have to go to the template and add a page manually.. I am not sure if this is possible with theme app extensions solely. Maybe you could try to take a look at the assets api and see if it is possible to add pages this way.
Amazing content, loved it, i have a few question so maybe i can have some guidance 1. how the js part really work and connects with backend api, what i mean to say is lets say in your reference app, you let the merchant choose the animation and that animation is applied using app embed, but im not sure how you get the merchant selected animation is applied to extension. i am just trying to understand the functional (js) part of app extension. 2. secondly, is it possible to use jquery, instead of using vanilla javascript. let say in above case 3. Lastly, It would be great, if you can make small tutorial on how to handle theme app extension from merchant settings in the app, not necessary an animation, but could be anything that help us understand the process Thanks again for the wonderful content, Looking forward for more
Hey Yasir, thank you very much for your comment! 1. from my understanding the theme app extension doesn’t connect with the backend api, it stores all the values in metadata fields! I have had the same question and asked on discord and in forums but never got an answer, so that’s what I think. If you have a better answer please post it here ;) 2. I haven’t tried it but it should be enough to load jquery once somewhere in your app, then all jquery functions should be available to you once it is loded. If you use jquery in your app then there shouldn’t be a need to load it separately in you extension
3. not sure what you mean, i don’t think it’s possible to handle the extension settings from merchant settings in the app… (at least from my research that’s what I believe) if you have an example app that does exactly that then you can post it here pls ;)
Hey, this command shopify extension create not working. It shows that "Note that CLI 2.x will be sunset on May 31, 2023". Can you please tell me it supports CLI or not
Thanks for the videos. So I need to create an app, which uses shopify-cli and migrate all the code from the app which is not using the shopify-cli? Do I undestand correctly? What to do with users which do not use themes 2.0?
Hey, so if you have a working app without shopify cli then everything is ok, you just have to create a theme app extension with cli. What to do with users that don’t have themes 2.0 is a very good question! I will do a separate video since that is not really covered by the laravel package or by the shopify cli, so you will have to do some coding yourself ! That will be my next video ;)
Thanks for the reply. I have a working app which uses script tag api and an app which is in dev mode and got rejected for not using shopify cli. Working app related question: I install the app extension to the app, but all the data is stored in the databases, like user input settings e.t.c, so I need to look into metafields to understand more? Development app related question: So I need to migrate the code from rejected project to a new app which should be created using shopify cli? Thanks.
@@viktorassakalauskas5908 working app: yes it seems like there is no way around metafields unfortunately, but I am not quite sure how they work either that’s why I didn’t cover it in the video! Development app: did they really say you have to create an app with shopify app cli?? That would make all the packages obselete.. afaik they cannot dictate how you build your app, when I submitted my app last year there was no problem with shopify cli, they just had a problem with theme app extension
Hi. Your video begins where you're already in a shopify project. That step is missing. And I can't call 'shopify login' since I don't have that; I have a node.js version of the shopify cli which requires me to run it with npm, or the global cli which doesn't understand your commands. How do we get to your starting point?
I am facing one issue . Eg. There is one page called "about us" , I want to show app block "about-us-app-block" on only about us page, but when i add app block on section in theme editor it shows on all pages, how can i restrict it. Can you help?
Hi these videos are very useful I just have one question which I'm struggling with. Can the shopify theme app extension make an api call to the backend server of a shopify app? thanks in advance ! :)
Hello, i went through all the process as suggested but the app is not showing in customize theme. i have enabled all the settings as suggested. any idea what might be the issue?
Did you publish the theme app extension in admin tab? Sometimes that’s problem, otherwise it’s very hard to tell, there are so many things that could possibly be the reason :)
hi, thanks for support to create shopify, but when i add my app in theme app extension , i don't know how to? can you help me?? I hope you will reply soon.... Thank you so much
oh! i resolved, but i have new problem, i can't connect to postgresql with nodejs in shopify, if you tried it, can you teach me how to connect it? thank you so much
@@l4webdesign186 Thanks ! Also i have need your help, i use script tag in my public app, also i added app extension as you mentioned in your videos. But i stuck in a specific point, i dont know how i can manage scripttag request with embed app extension ? can you please guide me ? According to my requirement i use embed app extension !
@@haseebsports8050 I’ve had the same issue! And you should not use scripttag and extensions together. You should use either one of them. It depends on the theme that the merchant has installed. So you will have to implement some function in your app that will ask for the theme. And then you should load theme app extension OR script tags conditionally… And that is a real pain :D
Hey, I haven’t found a way to do it and I think shopify don’t want us to do it. Because if that was the case, that means that the store frontend would be changing without the merchant actively knowing what exactly is changing
Your videos are better than all the Shopify docs combined THANK YOUUUU!!!
Thank you very much!
Thank you for this series! It's been tricky to find new up-to-date theme app extension videos.
Thank you! Yes, and it’s way too complicated imo if you see it the first time
Godlike content - really been searching for solid, modern info on Shopify app development. Keep it up!
Thank you for this video! This really helped explain all of the pieces of app blocks and app embeds
Hi, very nice and helpful video. I have one Question. can we add any type of limitation for block, like a user, can add only one time only? I have tried with "max_blocks" but it does not work.
Hey, not sure if that’ll work I haven’t tried that yet
Hello,
Finally my search for finding good tutorial on shopify theme app extension is stopped. :)
i have one doubt in previous video you have shown animated button theme app extension . there how you have added backend settings i means button effect selection at shopify partner ..??
how that setting page added at backend to select effect and how that reflected at store front..?
What should i do if i want to make a block I've created in my theme extension to a section provided by the theme? Like an image-text section and i want to add a block to that I've created.
For the settings in the app-blocks file you can use the normal schema settings which we use to create sections in the theme. I hope it helps.
Thanks
thank you for this great content keep going, can you give a hand with that i want to create a wishlist app i think it can't build with react and node ? in your video i saw that can be buiild only with app theme extenstion to create for example the heart button that target a section in every product page and added to wishlist page but the problem here how can create a wishlist page that show all favorite products and how to make the heart button that locate in navigation bar once cliked go to that wishlist page
Hi Ahmed, thank you very much! That’s a good question :) i believe that you would have to go to the template and add a page manually.. I am not sure if this is possible with theme app extensions solely. Maybe you could try to take a look at the assets api and see if it is possible to add pages this way.
Amazing content, loved it, i have a few question so maybe i can have some guidance
1. how the js part really work and connects with backend api, what i mean to say is lets say in your reference app, you let the merchant choose the animation and that animation is applied using app embed, but im not sure how you get the merchant selected animation is applied to extension. i am just trying to understand the functional (js) part of app extension.
2. secondly, is it possible to use jquery, instead of using vanilla javascript. let say in above case
3. Lastly, It would be great, if you can make small tutorial on how to handle theme app extension from merchant settings in the app, not necessary an animation, but could be anything that help us understand the process
Thanks again for the wonderful content, Looking forward for more
Hey Yasir, thank you very much for your comment!
1. from my understanding the theme app extension doesn’t connect with the backend api, it stores all the values in metadata fields! I have had the same question and asked on discord and in forums but never got an answer, so that’s what I think. If you have a better answer please post it here ;)
2. I haven’t tried it but it should be enough to load jquery once somewhere in your app, then all jquery functions should be available to you once it is loded. If you use jquery in your app then there shouldn’t be a need to load it separately in you extension
3. not sure what you mean, i don’t think it’s possible to handle the extension settings from merchant settings in the app… (at least from my research that’s what I believe) if you have an example app that does exactly that then you can post it here pls ;)
@@l4webdesign186 ah i see, i will do some research about it, have you also stored the merchant selected animation in the app in metafields also?
@@yasirnaseer7778 I think that is saved automatically when any information is saved, so there should be no need to save any store data
nice explanation
Hey, this command shopify extension create not working.
It shows that "Note that CLI 2.x will be sunset on May 31, 2023".
Can you please tell me it supports CLI or not
Thanks for the videos.
So I need to create an app, which uses shopify-cli and migrate all the code from the app which is not using the shopify-cli? Do I undestand correctly?
What to do with users which do not use themes 2.0?
Hey, so if you have a working app without shopify cli then everything is ok, you just have to create a theme app extension with cli.
What to do with users that don’t have themes 2.0 is a very good question! I will do a separate video since that is not really covered by the laravel package or by the shopify cli, so you will have to do some coding yourself !
That will be my next video ;)
Thanks for the reply.
I have a working app which uses script tag api and an app which is in dev mode and got rejected for not using shopify cli.
Working app related question:
I install the app extension to the app, but all the data is stored in the databases, like user input settings e.t.c, so I need to look into metafields to understand more?
Development app related question:
So I need to migrate the code from rejected project to a new app which should be created using shopify cli?
Thanks.
@@viktorassakalauskas5908 working app: yes it seems like there is no way around metafields unfortunately, but I am not quite sure how they work either that’s why I didn’t cover it in the video!
Development app: did they really say you have to create an app with shopify app cli?? That would make all the packages obselete.. afaik they cannot dictate how you build your app, when I submitted my app last year there was no problem with shopify cli, they just had a problem with theme app extension
Hi. Your video begins where you're already in a shopify project. That step is missing. And I can't call 'shopify login' since I don't have that; I have a node.js version of the shopify cli which requires me to run it with npm, or the global cli which doesn't understand your commands. How do we get to your starting point?
Great tutorial.
Please share the git repository link for your tutorials.
Will do That, thank you
I am facing one issue . Eg. There is one page called "about us" , I want to show app block "about-us-app-block" on only about us page, but when i add app block on section in theme editor it shows on all pages, how can i restrict it. Can you help?
Hi these videos are very useful I just have one question which I'm struggling with.
Can the shopify theme app extension make an api call to the backend server of a shopify app? thanks in advance ! :)
Yes it should be possible to make api calls to the server as well
i don't know for sure but I would thing the types would be the same as the types that are available for the liquid schema settings
Hello, i went through all the process as suggested but the app is not showing in customize theme. i have enabled all the settings as suggested. any idea what might be the issue?
Did you publish the theme app extension in admin tab? Sometimes that’s problem, otherwise it’s very hard to tell, there are so many things that could possibly be the reason :)
hi, thanks for support to create shopify, but when i add my app in theme app extension , i don't know how to?
can you help me??
I hope you will reply soon....
Thank you so much
Hey, what could I help you with? I don’t really know what exactly is not working
oh! i resolved, but i have new problem, i can't connect to postgresql with nodejs in shopify,
if you tried it,
can you teach me how to connect it?
thank you so much
SIr waiting for the 3rd part ! When it will be come?
Thank you very much! It will be uploaded tomorrow
@@l4webdesign186 Thanks !
Also i have need your help, i use script tag in my public app, also i added app extension as you mentioned in your videos. But i stuck in a specific point, i dont know how i can manage scripttag request with embed app extension ? can you please guide me ? According to my requirement i use embed app extension !
@@haseebsports8050 I’ve had the same issue! And you should not use scripttag and extensions together. You should use either one of them. It depends on the theme that the merchant has installed.
So you will have to implement some function in your app that will ask for the theme. And then you should load theme app extension OR script tags conditionally…
And that is a real pain :D
@@l4webdesign186 Thanks, but how i can define this? is you will make any video on it ?
@@l4webdesign186 And i think it will be the one of your best video on youtube, because alot of peoples face this problem !
Is it possible to auto enable app blocks instead of asking merchant to do it manually through Shopify CMS?
Hey, I haven’t found a way to do it and I think shopify don’t want us to do it. Because if that was the case, that means that the store frontend would be changing without the merchant actively knowing what exactly is changing
any video how can we synch laravel app with shopify partner account?
Not sure what you mean by that? I don’t think I have anything to help you with that
Is there any way to solve that different merchants use different js script file in App Embed?
Not that I know of, but that doesn’t mean there’s no way to do it, but I just don’t any :)
@l4design does app folder root is required ?
Hey not sure what you mean
i get my answer i build the theme app extension it was workign outside of project root
Hi
Do you have github url of this project?
hey, no unfortunately not.. I shouldve made one :/
Where to define those settings like an ID for GA?
Great video btw!
Good question! I haven’t tried that yet so I can’t really help with that :/