How to find asset URL for images?

[Raquel_Sanchez1]

Hello! I'm hoping someone can help me.

I had a developer create the work page on www.alphabetcitydesign.com and when I upload new images to the liquid file, the image doesn't show. 

How would I find the image URL in assets?

Please advise.

Thanks!

[Jason]

Just to cover an differences in terminology can you further explain your method of uploading new images to the liquid file? Is this added new images to the theme? Adding html to the page? Something else.

With some more insight/context the forum members will be a better position to answer. 

[Raquel_Sanchez1]

I uploaded an image to the ASSETS folder and need the URL to place it in the liquid file.

[Kyritheous]

Try using the asset_url or asset_img_url in your theme liquid to pull the correct image.

[Raquel_Sanchez1]

Thanks but I uploaded a new image to assets and cannot find the URL no matter what I do!

[Raquel_Sanchez1]

For instance, I uploaded this design: https://cdn.shopify.com/s/files/1/1719/5127/t/5/assets/acebeat-carmen-youare.jpg?1126812403010198528

But the full URL or even without the https:// works when I try to enter it in my page.work1.liquid page.

[Raquel_Sanchez1]

CAN ANYONE HELP ME PLEASE?!

[cmscss]

Hi Raquel, did you find an answer to this?

I can't find any info on this anywhere - I'm about to throw my computer out a window!

Any pointers in the right direction would be much appreciated.

[cmscss]

OK, finally found this on the cheatsheet (god knows why this doesn't show up in the main docs).

For anyone struggling to find this info, you have two options...

{{ 'your-asset-name.png' | asset_img_url: }}

or 

<img src="{{ 'your-asset-name.png' | asset_img_url: }}" />

[N1ck]

What I did was I fetch the url of the asset by using the command below:

{{ 'shop.css' | asset_url }}
//Replace shop.css with your asset name//

you can look at the link below for more information.

https://help.shopify.com/en/themes/liquid/filters/url-filters#asset_url

then replace "your-asset-name" with the url you get

<img src="your-asset-name" alt="/"></a>

Hope this helps.