BACK

where to put shopify js code instead of theme or product pages

How to Add Custom Javascript to Shopify Theme ✅ Right way hey there welcome to you in my youtube,cha

Foysal Ahmed

Updated on Mar 23,2023

How to Add Custom Javascript to Shopify Theme ✅ Right way

The above is a brief introduction to where to put shopify js code instead of theme or product pages

Let's move on to the first section of where to put shopify js code instead of theme or product pages

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

where to put shopify js code instead of theme or product pages catalogs

How to Add Custom Javascript to Shopify Theme ✅ Right way

hey there welcome to you in my youtube,channel in this tutorials i am going to,show you how to add custom javascript to,your shopify theme in the right way if,you have started shopify theme,development or customization then you,are curious to know how to add custom,javascript to shopify theme in the right,way basically when we want to add any,pop-up message or offer or anything in,our website then you need add javascript,and also for a lot of work we may need,javascript to add our custom theme,for example click on the button and here,open and,pop up if we want to do something like,that then we need javascript,i am going to my website and here i have,published an article on these topics how,to add custom javascript to shopify team,and i am going to cover this video,following these tutorials and here is,the step-by-step guideline that i am,going to follow right now so first i,need to access my shopify admin panel,okay i'm in my shopify admin panel,then going to click on the online store,and themes click on the uninstall,okay,then,find in the theme you want to edit then,click on the action and edit code,i'm going to click on the action then,edit code then we are in the step 3,under asset folder click on the add a,new asset here is the asset folder,click on the add a new asset and here is,a pop-up i'm going to click on the,create a blank file and the dialog popup,will appear that we have already seen,choose to create a blank file we have do,this you must the fill the name for new,file for example i am going to add file,custom and select,dot js,dot liquid so i'm going to do this,voice or custom select,dot just dot,liquid,then click on the add asset button,voiceover,custom.js liquid file added here is the,file that we have added now you can,edit or add any custom js code at here,we are going to step 6,under the layout select team liquid,here the layout folder and select team,liquid then scroll down page until we,find the closing body tag,scroll down here is the body tag,then add this code,save change,okay so now i am going to test it that,this actually working or not i am going,to add a simple javascript code at this,simple code,copy,add this code custom.js i added a simple,function that will work when someone,click on the paragraph that will be,height so just click on it,to save,save,and refresh my browser,click on this paragraph,its height,well,thank you for your time to watch this,video if you think this video is helpful,then click on the like button and,subscribe to my channel and if you need,any free theme or custom theme or,premium theme then don't forget to visit,my website,bestfreeshopifyteam.com have a nice day,bye

Congratulation! You bave finally finished reading where to put shopify js code instead of theme or product pages and believe you bave enougb understending where to put shopify js code instead of theme or product pages

Come on and read the rest of the article!

Browse More Content