trying to create a multi-photo upload option for custom products

Shopify Discussion

Topic summary

A user seeks to implement a multi-photo upload feature (up to 20 images) for custom products on Shopify without using apps. They initially used Liquid code for single file uploads but struggled to adapt it for multiple files.

Solution provided:

  • Add the multiple attribute to the HTML input tag: <input type="file" multiple>
  • Use unique property names for each upload field (e.g., properties[Photo1], properties[Photo2]) to ensure each image is captured separately
  • The original poster confirmed this approach worked successfully

Ongoing questions from other users:

  • Uploaded images don’t appear in the shopping cart for customer review
  • Uncertainty about where uploaded photos are stored after order placement
  • Requests for more detailed implementation guidance

The thread remains open with unresolved questions about image visibility in cart and order management workflow.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Im trying to add a multi-photo upload button for up to 20 photos for custom products without using an app. I have used the liquid code to upload single photos on other products but it doesnt work for multiple photos, even if I create a button for each photo (which is not ideal due to having 20 buttons for this on the product page making it really messy). I cant find a liquid code for a multi option, can anyone help please?

2

@krissi7923 , Hope you are doing well.

So. how you would like to achieve this? through the custom section or through the metafield?

3

hi and thanks @webwondersco , I’ve been using the custom section so far

4

Could you please show the code or a screenshot of the implementation?

5
Photo
6

@krissi7923 , if possible could you share your product URL where you implemented this?

7

this is one where I need multiple uploads : https://personalisr.com.au/products/custom-mini-photo-album-keyring-puleather

thankyou

8

@krissi7923 , did you try the below html tag for multiple file uploads?

and the code you have added for the multiple photo upload in that you have to update “properties[Photo]” name to different to get each image .

for e.g:
1 Like
9

thankyou , I will try that now

10

@webwondersco that worked perfectly , Thankyou.

1 Like
11

I am working on this same issue and every time I upload images and go to the cart, they aren’t there. Is it possible for them to appear in the cart as well for the customer to see?

12

How would one implement this code?

13

I was able to upload 3 pictures to try it but where do the pictures go once I place my order? I can’t see where to print them once I received the order. Any help appreciated! Thanks so much!