Asset_url Filter Grabs Link but Doesn't Output Image

Store Design
1

Hi all, I am trying to create a custom theme and I am trying to call an svg in the assets folder into an

I’ve tried a few different ways of doing this here is my code so far.


{{ 'icon-arrow-down.svg' | asset_url | img_url: 'medium' | img_tag}}

The first line doesn’t display any image, although the link exists inside the inspector. Wether that link is correct or not I am unsure.

The second line does render an image, however it is just the placeholder ‘no image’ image.

I call JS and CSS through asset_url so I know that my connection to the folder exists. I also know that my file exists in that folder. I know I can render them as snippets but would like to accomplish this with assets if possible.

Thank you, let me know if you need any other information!

2

Hi @DevBijan ,

The first code is correct, now you need to upload ‘icon-arrow-down.svg’ at the Assets of the theme.

Screenshot.png
Screenshot.png1258×477 23.5 KB

Hope it helps!

3

Hello @LitCommerce The file is in the Asset folder. I am working with ThemeKit to build a theme. Could this just be a bug if the first line of code is correct?

4

Hi,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

Hello, you were actually correct about the file in the asset folder. I was under the impression that ThemeKit uploaded the files to Shopify which the --allow-live command. Sorry about that, thank you!