Hi guys, how can we include JS code in theme app extensions? Below tag is not working in app block or snippet {% javascript %} {% endjavascript %} Thanks in advance :slightly_smiling_face:

Hi Girish_Rajwani, I think you should remove the block, and deploy the new version of extension. Then add the block to your theme again. I guess it’s a caching issue. Regards,

Hi @Girish_Rajwani , You can insert import file js, such as: or insert code js:

It’s not working. giving 404 error. Below is the code & test.js file is in assets folder of theme app extension

Hi @Girish_Rajwani I am hoping you can follow. You should have a folder created extensions. You can create a js file in assets folder and call that inside the blocks. You can then call the script code [made4Uo_0-1686158146649.png] You must add this inside your liquid file

Yes i did the exact same but it is giving 404 error in console. I did pushed my code and extension but after that as well Let me know if i am missing something Thanks

Please provide the screen shot to better understand what you have done

PFA Below [Girish_Rajwani_0-1686202507448.png] [Girish_Rajwani_1-1686202529407.png]

Hi Girish_Rajwani, Please write your JS code in a file name app.js, put it in asset folder Then declare javascript code for your block as below {% schema %} { “stylesheet”: “app.css”, “javascript”: “app.js”, } {% endschema %} It would solves your problem. Regards,

HI @vixnguyen It’s still showing 404 in console. I included file in asset folder, and added code in blocks liquid file as follows: {% schema %} { “javascript”: “test.js”, “name”: “Star Rating”, “target”: “section” } {% endschema %} Is there anything missing?

Hi, Sorry, my bad. It should be assets. Please try again. Regards,

Yes @vixnguyen it’s assets folder only but still no luck :slightly_smiling_face: PFA. [Girish_Rajwani_0-1686844636613.png] [Girish_Rajwani_1-1686844657528.png]

How can I include JS code in theme app extensions?

Store Design

Girish_Rajwani June 16, 2023, 11:43am 13

Thanks a ton @vixnguyen . It worked.

Topic		Replies	Views
Failed to add js Code into a shop using app embed(theme app extension) Technical Q&A javascript , liquid , shopify-theme	0	42	December 4, 2024
Theme App Extension Structure: JS in Liquid Block VS Asset file? Shopify Apps	2	358	March 17, 2023
Code splitting (modular) of javascript file inside Theme app extension block Shopify Apps shopify-apps	12	537	May 9, 2025
Use React in app block theme extension Store Design liquid , Setting-Up	71	1947	August 13, 2025
How to apply shopify extension snippet to theme with API Custom Storefronts	3	127	September 5, 2023

How can I include JS code in theme app extensions?

Related topics