Why can't I view my custom image on DAWN theme?

Store Design
1

I am adding this code on the Custom Liquid option for DAWN Theme however I am not able to view the image in the website

<img scr=“file:///Users/mahaawad/Downloads/dark-red-background-with-polygonal-shapes/1883.jpg” alt=“Business Card” width=“500” height"300">

What is the issue I am doing

2

Hey @Salma53

You should upload the image to your Shopify store and use a relative URL pointing to the uploaded image.

Also, there is a typo in the img tag: it should be src, not scr. Moreover, there’s a missing = in the height attribute.

Replace URL_OF_UPLOADED_IMAGE with the actual URL.

3

Hi @Salma53
Greetings from the Store Watchers Support Team! Happy to help you today.

Please use the below code and replace “Img_URL” text with the actual image URL.

You can go to the content section and then upload the image then you will get the image URL

StoreWatchers_0-1682346419443.png
StoreWatchers_0-1682346419443.png307×487 13.6 KB

Hope this will help you, Let me know if need any help!

Regards,
Store Watchers Support Team

4

@okur90

Thank you :slightly_smiling_face: it’s working fine now

However there is an issue with the picture quality it’s affected , The width and the height is exactly the same as the picture size and in the computer it’s a good quality however when I add it in the website it’s blurred

5

@Salma53 You can try uploading a larger image resolution. For example, if your initial image is 500x300 pixels, consider uploading a bigger version like 1000x600 or 1500x900. This way, even if Shopify compresses the image, it will still appear clear.

Another option is to use the img_url filter in your Liquid code, which allows you to set a specific image size. This can help make sure the image is displayed at the right size and with good quality.

{% assign image = 'URL_OF_UPLOADED_IMAGE' %}
6

@StoreWatchers Thanks for your response

7

@okur90 Thank u :slightly_smiling_face: u helped me a lot