How can I add two images using custom liquid code?

Shopify Discussion

Topic summary

A user seeks guidance on adding two images to their Shopify store using custom liquid code.

Solutions Provided:

  • Upload images via Content > Files, copy the source link, and use standard HTML <img> tags with src, alt, height, and width attributes in a custom liquid block.

  • Add a “Custom liquid” section with code using Shopify’s file_img_url filter to reference uploaded images. Image names and sizes (e.g., 640x526) need adjustment to match specific files. CSS styling may also be required.

Follow-up Question:

A participant asks whether images stored in the theme’s “assets” folder (not uploaded as files) can be used.

Resolution:

Confirmed that assets folder images work by replacing file_img_url with asset_url in the <img> tag code.

The discussion includes code snippets demonstrating the implementation, though some text appears reversed/encoded in the original posts.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi Team,

Can someone assist me here to provide instruction how to add a custom liquid here on this section to add 2 images and what code to use?

Capture1.PNG
Capture1.PNG1911×930 101 KB

I want to achieve this

379629714_625754209741600_2655698240610541171_n.jpg
379629714_625754209741600_2655698240610541171_n.jpg1600×1023 78.8 KB

My store is: https://glowcare.se/

2

upload the image in content > files then copy the source link of the image
than write this in custom liquid code

write alternative text for image

3

Hi,

Assuming the 2 images you’re looking to add have been uploaded to your site’s gallery, try this: add a “Custom liquid” section and place it in the desired location, and then in the “Custom liquid” box, enter the following code:

adjust the image names (in this case ‘woman-g74f4f72fe_1920-2.jpg’ and ‘people-2576968_1280-2_0515f397-931a-4562-afee-e66a63f0d594.jpg’) and the image sizes (in this case both images are ‘526x640’) to fit your case. CSS will also need to be added/adjusted to match what you’re looking to get.

4

Would it be possible to use images that are in my “assets” folder and not uploaded as a file for this?

5

Would it be possible to use images that are in my “assets” folder and not uploaded as a file for this?

6

Yes, you should be able to do it. Just change ‘file_img_url’ to ‘asset_url’ in the tag. the code should look like this: