DEV Community

loading...

How to Link CSS and JS File in Shopify?

qrolic profile image Qrolic Technologies ・1 min read

In this tutorial, I will show you how to link CSS and JS files.

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

To link a CSS file, add this code:

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

And add the following code to link JS file:

<script src="{{'theme.js'|asset_url}}" defer="defer"></script> 
Enter fullscreen mode Exit fullscreen mode

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

Discussion (0)

Forem Open with the Forem app