Product File Upload

Our Product file upload add-on allows customers to upload files directly inside your Add to Cart element as a custom property. These files are then conveniently accessible within your Shopify admin, simplifying custom orders and file management.

The file will be uploaded directly on Shopify so the limits are imposed by Shopify:

• Maximum file size is 20MB;
• Maximum resolution is (4300 x 4300);
• Allowed formats: png, jpg, web, csv, pdf and json.

If you need different limits we suggest you using UploadCare or create a solution with Cloudflare R2 that is the cheapest file hosting on the market.

Product File Upload

Allow product customization with personal file upload

Copy Element

Options

The component can be customized with the Custom Attributes explained in the section below:

Property Name

By default the Property will be created with name File, if you need to customize the name just use the attribute:

name

name of the field

Multiple Files

If you need to allow multiple files uploading you can use the attribute:

data-multiple

number of max files

Min File Size

If you need to customize the minimuum file size required you can use the attribute:

min-file-size

size string

for example

min-file-size

2MB

Will set the minimuum allowed file size to 2MB

Min Resolution

If you need to customize the minimuum file image resolution required you can use the attribute:

min-resolution

min resolution number

Show Image Preview

If you want to see the preview image of the file just uploaded in the file input, you can use the attribute:

data-preview

1

Accept only images

By default the file uploader will accept all file types accepted by Shopify, if you want to accept only images you can add the attribute:

data-only-images

1