How to make CSS and Javascript 302-redirect a direct path

[WoutervdMeer]

Hi there,

My website is: https://www.biervaneigenbodem.nl/

I have used the following tutorial to built a product slider using Flickity: https://pastebin.com/vBiVPqyD 

Currently, the links from this tutorial in the theme.liquid file direct to an external online css and javascript file.

Using the following code

1. <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
2. <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>

How can I avoid this and insert the css and javascript files completely into my Shopify store?

For example by creating the files: flickity.min.css and flickity.pkgd.min.js

The 302 redirect has an effect on the loading speed of my webshop so that is why I want to remove it.

Looking forward to the answers guys.

kind regards,

Wouter vd Meer

[GabrielS · Accepted solution]

Hi,

You can download the reference JS/CSS files and upload it to your website by navigating to Edit Code -> Assets section.

Your liquid code would be similar to the following:

<link rel="stylesheet" href="{{ 'flickity.min.css' | asset_url }}">
<script src="{{ 'flickity.pkgd.min.js' | asset_url }}"></script>

Cheers!