How to Link CSS and JS File in Shopify?

December 7, 2020

1 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.

Quick Summary:

Open template.liquid file, find the head tag.
Add the provided code to link your CSS file.
Add the provided code to link your JS file.
Run your Shopify app to test the changes.

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

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 [email protected] or WhatsApp us on +91 95 37 84 38 39.