Add Upload File in Shopify

Add Upload File in Shopify

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Compatible with any  Shopify 2.0 FREE themes

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

 What you are buying:

  • Add upload file in Shopify page

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

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.

NOTE: If you have latest version of Shopify 2.0 Free themes, you will need to go to Snippet folder and open the buy-buttons.liquid.

 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

Copied!
Back to blog

5 comments

Hi, is there a way to make this apply to only some products? thanks

Inez

Hi Michael,

You will need to add javascript code that will accept an array of files instead to be able to accept multiple files.

Made4Uo

Hi first I would like to thank you for your sharing. Secend, I wonder how to upload multi-images? I cope and paste the code three times, but it only shows one image in the shopping chart.
Would be very grateful if you reply me.

Michael

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.

Made4uo

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?

Cate

Leave a comment