Customer Uploading Files on Checkout?

Highlighted
New Member
4 0 0
0 Likes
Highlighted
Shopify Expert
25 0 3

Hi Oleg, this is possible. What are you looking to have uploaded by the customer at checkout?  Here's a link to Shopify's latest help page on the topic: https://help.shopify.com/themes/customization/products/get-customization-information-for-products

We recently did a site where the customer can upload an image for a custom greeting card using this method. Here is the site: https://bitmocards.com/

If you need some help, give us a shout at info@apollomerchants.com

apollomerchants.com
0 Likes
Highlighted
New Member
4 0 0

Thanks Bobby,

I think I did not clarify enough. I need uploading of a file on checkout that will be related to particular order after submit.

But again thanks for your answer. Now I'm trying to manage this through JotForms.

 

0 Likes
Highlighted
Tourist
4 0 7

I've worked out how to do this for free!
Go to your product.liquid file and search for:
 

type="submit"

This is the 'add to cart' part of your page.
You want to add the following code to a few lines above this

<div class="product-form__item product-form__item--logo">            
   <label for="custom_photo">Logo?</label>
   <input id="custom_photo" type="file" name="properties[Logo]" class="product-form__input">           
</div>

If you want this to be required then add the word required on the input tag

<div class="product-form__item product-form__item--logo">            
   <label for="custom_photo">Logo?</label>
   <input required id="custom_photo" type="file" name="properties[Logo]" class="product-form__input">           
</div>


DEMO

Note: File uploads may not work if your cart is a slide-out or popup (AJAX) cart. If you test and the file upload doesn't work, try switching to the "redirect to cart page" option in your Customize Theme > Cart settings.

4 Likes
Highlighted
New Member
4 0 0

Thanks a lot Philip!

0 Likes
Highlighted
New Member
1 0 0

Where did you access the upload?

0 Likes
Highlighted
New Member
4 0 0

Hey Stevan, it was long time ago so I cant say you how that was implemented. Please see Philip's answer above or ask him directly. Thanks!

0 Likes
Highlighted
New Member
2 0 0

Hi, Thanks for this code!  It worked!!  The next question, is where does that file upload to?  Is there a way of testing it, please.

Thanks.

CoolHardHatsNZ

0 Likes
Highlighted
Tourist
3 0 1

Hey There,

 

Did you end up finding out where it uploads to?
I did the same on my shop but can't find the file anywhere.

 

greetings,

 

Jonathan

1 Like
Highlighted
New Member
2 0 0
Hi,
Nope. I looked in files, but it's not there.
Thanks.
J.
0 Likes