DEV Community 👩‍💻👨‍💻

Qrolic Technologies
Qrolic Technologies

Posted on

How to Link CSS and JS File in Shopify?

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.

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.