Add Upload File in Shopify 3.0

Add Upload File in Shopify 3.0

A lot of people were asking on how to achieve this. Quite simple guys. Just a few steps. I did posted on how to add text field in your product page. See link.


To start:

1. Go to your admin store > Online store > Themes > Actions > Edit code.

2. Open the Sections folder and find the main-product.liquid. 

3. In the file, find the "buy_buttons", then it should have a {% form %}. You can paste the code below. 

<p class="line-item-property__field">
<label for="image">Upload Image:</label><br>
<input required class="required" type="file" accept="image/*" name="properties[image]">


4. To make this as a required, delete the novalidate: 'novalidate', in the form. Make sure you include the comma. Check the video for more information.


That's it (",). Quite simple. No javascript code needed

Voltar para o blogue

2 comentários

Hi @Cate,

This is a section. You can apply it to any part of your shopify store but if you are thinking on applying it to a certain product. You have to create a new product template. You just have to add a section in it. Then change the template of your template in the product section of your admin.


Hi! I was thrilled at how simple this is after seeing several other very involved tutorials. I was wondering if there’s a way to only make the upload file apply to one product?


Deixe um comentário