How to Link CSS and JS File in Shopify?

And add the following code to link JS file:
And add the following code to link JS file:
Conclusion

December 7, 2020

4 min read

Qrolic Technologies

Qrolic Technologies is an exclusive WordPress agency that collaborates with high-traffic, eCommerce, and publishing websites. Our primary focus lies in delivering tailored WordPress solutions, encompassing services such as WordPress migration, custom plugin development, custom theme development, and WordPress maintenance.

Shopify

This tutorial guides you on how to link CSS and JS files in Shopify blogs.

First of all, open template.liquid file and navigate to the inner head tag.

And add the following code to link JS file:

<linkrel="stylesheet" href="{{'theme.css'|asset_url}}" type="text/css")">

And add the following code to link JS file:

<scriptsrc="{{'theme.js'|asset_url}}"defer="defer"></script>

Now you are done. Run your app to test this code.

Conclusion

This short tutorial helps you to link CSS and JS files in your Shopify website. Check more such tutorials on our blog page. Happy Coding!!!

If you are looking for a software firm to create your business website or mobile app, your search ends here. We build affordable and robust software solutions for businesses to digitally thrive on. Contact us to get a quote. You can mail us on info@qrolic.com or WhatsApp us on +91 95 37 84 38 39.