• File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
  • File upload Beta - Best Custom Product Options
1 12

File upload Beta

File upload Beta

$29.99 USD
$29.99 USD
Sale Sold out

This is our file upload beta code.

Add this code to the theme.liquid file after the <head> tag. Here is more info on editing theme code.

<script>
function update_upload() {
if ($('#bcpo input[type="file"]').length > 0) {
$.each($('#bcpo input[type="file"]'), function (k, v) {
$(v).css({opacity: 0, position: 'absolute', clip: 'rect(0,0,0,0)'});
$('<img class="upload_photo_box" style="display:none;border: solid 1px #333;" width=200>').insertBefore(v);
$('<button type="button" class="btn btn--wide upload-btn">Upload</button>').insertAfter(v);

$(v).change(function () {
var input = this;
var url = $(this).val();
var ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
if (input.files && input.files[0]&& (ext == "gif" || ext == "png" || ext == "jpeg" || ext == "jpg")) {
var reader = new FileReader();
reader.onload = function (e) {
$(v).siblings('img').attr('src', e.target.result).css({display: 'block', marginBottom: 5});
}
reader.readAsDataURL(input.files[0]);
}

});

});

$('.upload-btn').click(function () {
$(this).siblings('input[type="file"]').click();
});

$(document).on('click', '.example-btn', function () {
$('#example-box').dialog({
resizable: true,
modal: true,
height: 'auto',
width: 'auto',
modal: true
});

});

window.clearInterval(set_int);
}
}
var set_int = setInterval('update_upload()', 1000);
</script>
View full details

Other Examples

View all

Create Unlimited Options and sell Personalized Products

Let your customers build their perfect product with Variant Option Product Options – ideal for stores offering personalized and customizable products. Add image uploads, text fields, swatches, checkboxes, and more to any product page in minutes.


✅ Easy to use interface
✅ No Code Needed!
✅ Perfect for custom & made-to-order products
✅ Increase sales with personalized shopping experiences

Start free today – and unlock premium features with a 14-day free trial.

👉 Install now to start selling personalized products!

Install for Free