Personalised Temporary Tattoos With Photo And Message (2025)

Personalised Temporary Tattoos With Photo And Message

Tat's hilarious.

You save

Whoopsi, didn't you forget something?

You didn't personalize everything, please check the preview and replace the placeholders (or do you like them?)

Problems? Check our FAQ's (link follows for other stores) FAQ

Uploads

Upload Images

Select uploaded image to apply

Personalise

I've checked the product for mistakes and have recognized, that the product will be produced exactly like it is shown in the file generated in the preview Otherwise, take a look at our FAQ FAQ

');} else {valid = true;}} else {valid = true;}if(valid) {/* Reset designer */var iframe = document.getElementById('designer');iframe.src = iframe.src;jQuery("#designer").css("width", "100%");jQuery("#designer").css("top", "0");jQuery("#designer").css("left", "0");jQuery("#designer").css("height", "100%");jQuery('body').addClass("full-designer-open");jQuery('.page-header').hide();setTimeout(function(){jQuery("#designer").css("opacity", "1");jQuery("#designer").css("z-index", "9999999");jQuery("#designer").css("display", "block");},1000);}},addToCart: function() {console.log('addToCart');jQuery('#loading-animation').css('display','flex');if(jQuery('#quick-editor .conf-preview-check').is(':checked')) {console.log('addToCart');let texts = [];jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};texts.push(text);});jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE", texts}, '*');setTimeout(function() {jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE_ADD_TO_CART", texts}, '*');}, 1000);} else {jQuery('#quick-editor .quick-edit-checkbox-label').css('color','red');jQuery("#quick-editor").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);jQuery(".desginer-container-quick-edit-conten").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);jQuery('#loading-animation').css('display','none');}}, eventListeners: { ['@scroll.window'](event){ if(this.move == 0){ this.moveCursor() } }, ['@mousemove.window'](event){ if(this.move == 0){ this.moveCursor() } }, ['@touchstart.window'](event){ if(this.move == 0){ this.moveCursor() } } }}}function showQuickEdit() {setTimeout(function () {jQuery('#prequickedit').hide();jQuery('#quickedit_form').show();if(jQuery('#quickedit_preview').css('display') !== 'block') {jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));jQuery('#quickedit_preview').css('display','flex');jQuery('#quickedit_preview').css('visibility','hidden');jQuery('#quickedit_preview').css('position','absolute');}setTimeout( function () {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");});}, 500);}, 2000);}function addToCartQuickEdit() {let outofStock = 1;document.querySelectorAll('.config-options-select').forEach((item) => {let itemsChildren = item.children; for (var indx = 0; indx < itemsChildren.length; indx++) { if(itemsChildren[indx].classList.contains('text-activeInputText') && itemsChildren[indx].classList.contains('bg-outofstock')) {outofStock = 0;} }});if(outofStock > 0) {console.log('addToCartQuickEdit');document.getElementById('quickedit_preview') ?.contentWindow.postMessage({eventType: "QUICK_EDIT_ADD_TO_CART"}, "*");} else {window.dispatchMessages !== "undefined" && window.dispatchMessages([ { type: "warning", text: "You need to choose options for your item." } ], 7000);}}function showPreview() {jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));jQuery('#quickedit_preview').show();jQuery('#gallery-block').hide();return false;}function openEditor() { try { const browserStorageInfo = window.localStorage || window.sessionStorage;} catch (error) {var errorMessage = 'Dear apples and apples - please remember to switch off the Block all cookies function in the Safari settings of your iPhone / iPad. Otherwise there are no cookies, and then unfortunately you cannot order anything from us. And we all dont want that, do we? So: activate cookies quickly and then have fun shopping! Your radbag team';alert(errorMessage);return false;}var valid = false;if (jQuery('#contains_alcohol').length == 1) {if(!jQuery('#contains_alcohol').is(':checked')) {jQuery('#contains-alcohol').append('

To purchase this product, you must be of legal age.

');} else {valid = true;}} else {valid = true;}validArray = [];if(document.querySelector(".bundle-configurable") != null) {document.querySelectorAll('.bundle-configurable .configurable .super-attribute-select').forEach((conf) => {if(conf.value == '') {valid = false;} else {valid = true;}validArray.push(valid);}) if(validArray.includes(false)) {valid = false;document.querySelector("#required-error-msg").innerHTML = `

Please specify the product's option(s).

`; } else {valid = true;document.querySelector("#required-error-msg").textContent = "";}}if(valid) {if(jQuery('#quick_edit').val() == '1') {var quickEditSrc = jQuery('#quickedit_form').attr('src');jQuery('#quickedit_form').attr('src', '');var previewSrc = jQuery('#quickedit_preview').attr('src');jQuery('#quickedit_preview').attr('src', '');setTimeout(function () {jQuery('#quickedit_form').attr('src', quickEditSrc);jQuery('#quickedit_preview').attr('src', previewSrc);jQuery('#quickedit_form').toggleClass('hidden');jQuery('#quickedit_preview').toggleClass('hidden');jQuery('#gallery').toggleClass('hidden');}, 500);} else {jQuery("#designer")[0].contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, '*');jQuery("#designer").css("width", "100%");jQuery("#designer").css("top", "0");jQuery("#designer").css("left", "0");jQuery("#designer").css("height", "100%");jQuery("#designer").css("opacity", "1");jQuery("#designer").css("z-index", "9999999");jQuery("#designer").css("display", "block");jQuery('body').addClass("full-designer-open");jQuery('.page-header').hide();}}}/* Re-init designer */function updateDesigner() {if(loadDesigner) {console.log('JS - initQuickEdit');var selectionIds = [];var checkedIds = [];var configurableCheckedIds = [];var price = 0.00;document.querySelectorAll('.fieldset-bundle-options .radio.product.bundle.option').forEach(function(element) {if(element.checked) {var itemPrice = parseFloat(element.attributes['data-price'].value);price += itemPrice;if(element.attributes['data-read-url'].value !== '') {selectionIds.push(element.attributes['data-selection-product-id'].value);}checkedIds.push(element.attributes['data-selection-product-id'].value);}});if(jQuery('.bundle-configurable.fieldset .field.configurable').length > 0) {jQuery('.bundle-configurable.fieldset .field.configurable').each(function(index, elem) {var options = jQuery(elem).find('.config-bundle-option');jQuery(options).each(function () {if(jQuery(this).hasClass('bg-activeInput')) {configurableCheckedIds.push(jQuery(this).attr('data-value'));}});});var combinationKey = configurableCheckedIds.join('-');var res = configurableCombinationsMapping.get(combinationKey);if(typeof res !== "undefined") {checkedIds.push(res);}}fetch('https://firebox.com/productsdesigner/config/initDesigner/?_t=' + date.getTime() + '&product_id=' + productId + '&price=' + price + '&selection_ids=' + selectionIds.join(',') + '&checked_ids=' + checkedIds.join(',') + '&upsell=0').then(response => response.json()).then(data => {jQuery('#designer').attr('src', data.designer_url);jQuery('#designer').attr('data-read-url', data.read_url);jQuery('#quick-edit-fields-block').html(data.quick_edit_fields);jQuery('#bundle-price').html(data.price);jQuery('#bundle-price-mobile').html(data.price);jQuery('.conf-preview-check').attr('checked',false);if(jQuery('#quick_edit').val() == '1') {jQuery('#quickedit_preview').attr('data-src', data.quick_edit_preview_url);jQuery('#quickedit_preview').attr('src', data.quick_edit_preview_url);jQuery('#quickedit_modal').attr('src', data.quick_edit_modal_url);jQuery('#quickedit_form').attr('src', data.quick_edit_url);setTimeout( function () {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");});}, 500);}});}}function initOptions() {jQuery('.fieldset-bundle-options .field .radio').each(function(){jQuery(this).click(function(){updateDesigner();});});}/* Show available backgrounds */function showAvailableBackgrounds() {jQuery('.backgrounds').toggle();}function showAvailableColorBackgrounds() {jQuery('.quick-edit-background-color-selector').toggle();}/* Apply selected background */function applyNewBackground(backgroundFieldName, backgroundUrl) {showLoading(); imgSelected +=1; jQuery(".quick-edit-field-image[data-background-index=1]").attr("src", backgroundUrl); jQuery("#designer")[0].contentWindow.postMessage({eventType: "IMAGE_CHANGE",images: {url : backgroundUrl,name : backgroundFieldName}}, '*');jQuery('.backgrounds').toggle();}function applyNewColorBackground(backgroundFieldName, color) {showLoading();jQuery("[id='color-background']").css("background-color", "#" + color);jQuery("#designer")[0].contentWindow.postMessage({eventType: "BACKGROUND_COLOR_CHANGE",backgroundColor: {color : color,name : backgroundFieldName}}, '*');jQuery("[id='color-backgrounds']").toggle();}/* Show loading overlay */function showLoading() {jQuery('#loading-animation').css('display','flex');}/* Open uploader window */function imgUploaderOpen(name, index) {imgSelected = index - 1;fieldName = name;if(quickEditorImagesLength === 0 && jQuery('#file-input')) jQuery('#file-input').trigger('click')jQuery('.page-header').hide();jQuery('.designer__imgUploader-wrap').show(function () {jQuery(".designer__imgUploader-wrap").css("display", "flex");});}/* Apply new image */function applyNewImg(url, width, height) {/* Show loading before loading image is not completely done */showLoading();imgSelected += 1;/* Set thumb image in quick preview */jQuery(".quick-edit-field-image[data-img-index=" + imgSelected + "]").attr("src", url);/* Get full image URL */url = url.replace('/thumbs/','/resized/');console.log('url');console.log(url);/* Send into designer to use */jQuery("#designer")[0].contentWindow.postMessage({eventType: "IMAGE_CHANGE",images: {index: imgSelected -1,url : url,width,height,name : fieldName}}, '*');}/* Close uploader window */function imgUploaderClose() {jQuery('.page-header').show();jQuery('.designer__imgUploader-wrap').hide('fast');}function imgUploaderGetData(filesCount) {date = new Date();jQuery.ajax({method: 'get', url: "https://firebox.com/productsdesigner/config/getSid/",data: {_t: date.getTime()}, success: function (response) {sid = response;if(!loadingImages) {loadingImages = true;jQuery.ajax({method: 'get',url: "https://uploader.radbag.de/visitor/filelist/" + sid,success: function (response) {jQuery(".imgUploader__images img").remove();quickEditorImagesLength = response.files.length;response.files.forEach(function (item, index) {jQuery(".imgUploader__images").append(jQuery("").attr('src', "https://uploader.radbag.de/visitor/filename/" + sid + "/thumbs/" + item).click(function () {applyNewImg("https://uploader.radbag.de/visitor/filename/" + sid + "/thumbs/" + item, response.filesDimensionsObject[item].width, response.filesDimensionsObject[item].height);imgUploaderClose();} ));if(index == 0 && filesCount == 1){ applyNewImg("https://uploader.radbag.de/visitor/filename/" + sid + "/thumbs/" + item, response.filesDimensionsObject[item].width, response.filesDimensionsObject[item].height); imgUploaderClose(); }});loadingImages = false;}});} } });}/* Apply changes from quick edit */function applyQuickChanges(validateImages) {jQuery('#loading-animation').css('display','flex');jQuery('#quick-editor').animate({ scrollTop: 0 }, 600);if(validateImages) {var validated = true;jQuery('#quick-editor .image-field img').each(function() {var attr = jQuery(this).attr('data-background-index');if(typeof attr === typeof undefined) {if(jQuery(this).attr('src') === jQuery(this).attr('data-original-value')) {if(jQuery(this).parent().parent().parent().is(':visible')) {jQuery("#images-validation-modal").modal("openModal");jQuery('.conf-preview-check').prop('checked', false);validated = false;}}}});if(validated) {let texts = [];jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};texts.push(text);});/* Send data to designer */jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE", texts}, '*');return false;}} else {/* Collect all text quick edit fields and their attributes */let texts = [];jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};texts.push(text);});/* Send data to designer */jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE", texts}, '*');jQuery('#loading-animation').css('display','none');return false;}}function showIframe(iframe) { iframe.style.cssText = ` width: 100%; top: 0px; left: 0px; height: 100%; opacity: 1; z-index: 9999999; display: block;`;}function hideIframe(iframe) { iframe.style.cssText = ` width: 1px; top: 0px; left: -100px; height: 1px; opacity: 0; z-index: 0; display: block;`;}function mergeWithIframePosition(data) { const iframeSource = document.getElementById(data?.payload?.source); const rect = iframeSource.getBoundingClientRect(); return data? {...data,payload: { ...data.payload, iframePosition: { x: rect.x, y: rect.y },}, }: undefined;}function broadcastWindowSize() {var iframeIds = ["quickedit_preview","quickedit_form","designer","quickedit_modal",];const width = window.innerWidth;const height = window.innerHeight;const data = {eventType: "UPDATE_WINDOW_SIZE",payload: { width, height },};iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage(data, "*");});}function broadcastScroll(e) {var iframeIds = ["quickedit_preview","quickedit_form","designer","quickedit_modal",];const scrollX = window.scrollX;const scrollY = window.scrollY;const data = {eventType: "WINDOW_SCROLL",payload: { scrollX, scrollY },};iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage(data, "*");});}hideIframe(document.getElementById("quickedit_modal"));window.addEventListener('message', (event) => { const data = event.data; const modalElement = document.getElementById("quickedit_modal");if (event.data.eventType === "MISSING_FONT") {var font = event.data.font;var fd = new FormData(form);fd.append("font", font);fd.append("product", "https://firebox.com/personalised-temporary-tattoos-with-photo-and-message");/* Send missing font request */jQuery.ajax({type:"POST",contentType:false,processData:false,cache:false,dataType:"json",url: 'https://firebox.com/productsdesigner/config/missingFont/',data: fd,success:function(data){console.log('Missing font: ' + font + ' request sent');}});}if (event.data.eventType === "INIT_DESIGN_DATA") {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];var iframes = iframeIds.forEach((id) => { document.getElementById(id)?.contentWindow.postMessage(event.data, "*");});}if (event.data.eventType === "DESIGNER_READY") {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];var iframes = iframeIds.forEach((id) => { document.getElementById(id)?.contentWindow.postMessage(event.data, "*");});}if (event.data.eventType == "SHOW_QUICK_EDIT_MODAL") {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];showIframe(modalElement);const data = mergeWithIframePosition(event.data);console.log(data);var iframes = iframeIds.forEach((id) => { document.getElementById(id)?.contentWindow.postMessage(data, "*");});}if (data.eventType === "HAS_MULTIPAGE") {document.querySelector('#gallery').classList.add("multipage");}if (data.eventType === "CLOSE_QUICK_EDIT_MODAL") {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];hideIframe(modalElement);var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage(event.data, "*");});}if (data.eventType == "DESIGNER_READY") {var iframeIds = ["quickedit_preview","quickedit_form","designer","quickedit_modal",];var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");});broadcastWindowSize();}if (data.eventType == "QUICK_EDIT_ADD_TO_CART") {console.log("QUICK_EDIT_ADD_TO_CART");var iframeIds = ["quickedit_preview","quickedit_form","designer","quickedit_modal",];var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage(event.data, "*");});broadcastWindowSize();} if (event.data.eventType == "QUICK_EDIT_CLICK") {console.log("QUICK_EDIT_CLICK");if(jQuery('#quickedit_preview').css('display') !== 'block') {jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));jQuery('#quickedit_preview').css('display','block');jQuery('#quickedit_preview').css('visibility','visible');jQuery('#quickedit_preview').css('position','static');jQuery('#gallery-block').hide();}if(jQuery('#gallery').hasClass('multipage')) {jQuery('#gallery.multipage .prev-img-arrow.img-arrow').css('display','none');jQuery('#gallery.multipage .next-img-arrow.img-arrow').css('display','none');}setTimeout( function () {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");});}, 500);return false;}if (event.data.eventType == "QUICKEDIT_VALIDATION") {if(jQuery('#quickedit_preview').css('display') !== 'block') {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];var iframes = iframeIds.forEach((id) => {document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");});jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));jQuery('#quickedit_preview').show();jQuery('#gallery-block').hide();}return false;}if (event.data.eventType == "BROADCAST_CHANGES") {var iframeIds = [ "quickedit_preview", "quickedit_form", "designer", "quickedit_modal",];iframeIds.forEach((id) => document.getElementById(id)?.contentWindow.postMessage(event.data, "*"));}if(event.data.eventType == "QUICKEDIT_RESIZE") {document.querySelector("#quickedit_form").style.height = "" + (event.data.height+7) + "px"; }if(event.data.datatype == 'saveimage') {if(!updateRun) {updateRun = true;jQuery('.open-config-block .loading-logo-preview-block').css('display','block');jQuery('.page-header').show();jQuery('body').removeClass('full-designer-open');jQuery('#designer').css('left', '100%');jQuery('#designer').css('opacity', '0');setTimeout(function() {var elements = JSON.parse(event.data.canvasElements);var canvasElements = Object.values(elements)[0];console.log('canvasElements');console.log(canvasElements);for (var prop in canvasElements) {var elementInfo = canvasElements[prop];if(elementInfo.type === 'text') {jQuery('#' + prop).val(elementInfo.text);jQuery('#' + prop).attr('data-element-color', elementInfo.fill);} else if(elementInfo.type === 'image') {if(elementInfo.name === 'Background2') {if(elementInfo.image === undefined) {jQuery('.background-field-color').css('background-color', elementInfo.fill);}} else {jQuery('#field-' + prop + " .quick-edit-field-image").each(function(){jQuery(this).attr('src', elementInfo.img);});}}}jQuery('.quick-edit-fields-block .quick-edit-field').each(function(){var idToCheck = "" + jQuery(this).attr('id');var idToCheck = idToCheck.replace('field-','');if(canvasElements[idToCheck] === undefined) {jQuery('#field-' + idToCheck).hide();}});updateRun = false;jQuery('.open-config-block .loading-logo-preview-block').css('display','none');applyQuickChanges();}, 1000);}} else if(event.data.datatype == 'addtocart' || event.data.datatype == 'addToCart_direct') {console.log('addtocart');if(!requestSent) {requestSent = true;/* Parse data from answer */var jsonData = JSON.parse(event.data.config);console.log('jsonData');console.log(jsonData);/* Get submit form */var form = document.createElement('form');form.setAttribute("id", "addtocart_form");console.log(jsonData);var fd = new FormData(form);fd.append("layer_id", jsonData.layer_id);fd.append("session_id", jsonData.session_id);fd.append("product_id", jsonData.product_id);fd.append("preview_file", jsonData.previewFile);fd.append("print_file", jsonData.printFile);fd.append("selected_template_size", jsonData.selected_template_size);fd.append("page_list", jsonData.pageList);fd.append("pages", JSON.stringify(jsonData.pages));if(jsonData.canvasElements === undefined) {fd.append("canvasElements", JSON.stringify(jsonData.canvasData));} else {fd.append("canvasElements", JSON.stringify(jsonData.canvasElements));}fd.append("width_ratio", JSON.stringify(jsonData.widthRatio));fd.append("height_ratio", JSON.stringify(jsonData.heightRatio));fd.append("is_merged_template", JSON.stringify(jsonData.isMergedTemplate));/* Save data */jQuery.ajax({type:"POST",contentType:false,processData:false,cache:false,dataType:"json",url: 'https://firebox.com/productsdesigner/config/customerSave/',data: fd,success:function(data){ requestSent = false;jQuery('#product_addtocart_form_button').click();jQuery("#designer").css("width", "1px");jQuery("#designer").css("top", "0");jQuery("#designer").css("left", "-100%");jQuery("#designer").css("height", "1px");jQuery("#designer").css("opacity", "0");jQuery("#designer").css("z-index", "0");jQuery('body').removeClass("full-designer-open");jQuery('#quick-editor').css('display','none');jQuery('#layer-quick-editor').css('display','none');jQuery('body').removeClass('open-quick-editor');jQuery('#loading-animation').css('display','none');jQuery('.page-header').show();afterAddToCart = true;}});}} else if(event.data.datatype == 'hide_designer') { jQuery("#designer").css("width", "1px");jQuery("#designer").css("top", "0");jQuery("#designer").css("left", "-100%");jQuery("#designer").css("height", "1px");jQuery("#designer").css("opacity", "0");jQuery("#designer").css("z-index", "0");jQuery('body').removeClass("full-designer-open");jQuery('.page-header').show();} else if(event.data.eventType === 'NEW_PREVIEW') {if(!previewRecieved) {previewRecieved = true;/* Read preview image */var previewData = JSON.parse(event.data.previewData);var previewImage = previewData.previewImage;/* Set preview image */jQuery('.open-config-block .loading-logo-preview-block').css('display','none');jQuery(".product-view").attr({"href": previewImage});jQuery(".product-view img").attr({"src": previewImage});jQuery(".MagicToolboxSelectorsContainer img").attr({"src": previewImage});jQuery(".MagicToolboxSelectorsContainer a").attr({"href": previewImage});jQuery(".mz-hover-zoom img").attr({"src": previewImage});jQuery(".mz-zoom-window img").attr({"src": previewImage});jQuery(".designer-preview-image").attr({"src": previewImage});jQuery(".designer-preview-image source").attr({"srcset": previewImage});jQuery("#designer-preview-image-small").attr({"src": previewImage});previewRecieved = false;jQuery(".desginer-container-quick-edit.open-config-block").animate({ scrollTop: 0 }, 300);}} else if(event.data.eventType === 'HIDE_LOADING') {jQuery('.open-config-block .loading-logo-preview-block').css('display','none');jQuery('#loading-animation').css('display','none');} else if(event.data.eventType === 'OPEN_DESIGNER') {jQuery('#designer').css('overflow', 'hidden');jQuery('#designer').css('max-height', '100%');jQuery('#designer').css('height', '100%');jQuery('#designer').css('left', '0px');jQuery('#designer').css('opacity', '1');jQuery('#designer').css('display', 'block');jQuery('.open-config-block .loading-logo-preview-block').css('display','none');} else if(event.data.eventType === 'RESET_CHANGES') {if(!resetChanges) {resetChanges = true;jQuery('#quick-edit-fields-block-reset').click();jQuery('.quick-edit-fields-block .quick-edit-field').each(function(){jQuery(this).show();});}}});/* After page load */jQuery(document).ready(function() { const MAX_SIZE = 8388608;var selectedBundleOption = 0;var allSelections = false;var waitingForLoad = true;window.addEventListener("resize", broadcastWindowSize);window.addEventListener("scroll", broadcastScroll, false);window.addEventListener("scrollend", broadcastScroll, false);/* Android fix */if(/Android/.test(navigator.appVersion)) {window.addEventListener("resize", function() {if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {document.activeElement.scrollIntoView();}})}var checkExist = setInterval(function () {if (jQuery('#product-addtocart-button').hasClass('gallery-ready')) {jQuery('.field.option.no-display.required').each(function() {var link = jQuery(this).find('.select-link-option');if(!link.hasClass('active')){link.click();}});clearInterval(checkExist);/* Init designer and quick edit fields */imgUploaderGetData();initDesigner(0);}}, 500);/*if(jQuery('#background').length == 1) {jQuery('.select-link-option.select-link.active').each(function(index, elem) {var selectionSku = jQuery(elem).attr('data-selection-sku');jQuery('#background option').each(function() {if (jQuery(this).attr('data-class') == selectionSku) {jQuery(this).attr("selected","selected");jQuery(this).change();}});});}*/jQuery("#designer").css("width", "1000px");jQuery("#designer").css("top", "-100vh");jQuery('#quick-edit-fields-block-reset').click(function(e) {e.stopImmediatePropagation();});jQuery('.add-to-cart-conf-btn').on('click',function(evt) {evt.stopImmediatePropagation();if(jQuery('#quick-editor.conf-preview-check').is(':checked')) {jQuery('.loading-logo-btn').css('display','block');jQuery('#quick-editor .loading-logo-preview-block').css('display','none');let texts = [];jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};texts.push(text);});jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE_ADD_TO_CART", texts}, '*');} else {jQuery('#quick-editor .quick-edit-checkbox-label').css('color','red');jQuery("#quick-editor").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);jQuery(".desginer-container-quick-edit-conten").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);jQuery('.loading-logo-btn').css('display','none');}return false;});jQuery('#file-input').change(function (e) {var date = new Date();var uploadCount = 0;jQuery.ajax({method: 'get', url: "https://firebox.com/productsdesigner/config/getSid/",data: {_t: date.getTime()}, success: function (response) {var sid = response;var files = Array.from(jQuery('#file-input')[0].files);var currentFile = 0;uploadCount = files.length;jQuery('.loader-info').html(currentFile + ' / ' + uploadCount); files.forEach(function(file){ if (file.size > MAX_SIZE) { alert('File ' + file.name + ' is too big! Max file size ' + MAX_SIZE / 1048576 + 'MB'); uploadCount--; currentFile++; } else { var _URL = window.URL || window.webkitURL, img = new Image(); img.src = _URL.createObjectURL(file); const formData = new FormData(); formData.append("mode", "GUEST"); formData.append("sid", sid); formData.append("file", file, file.name); jQuery('.loader-wrap').fadeIn(300); jQuery.ajax({ method: 'post', url: "https://uploader.radbag.de/upload/" + sid, data: formData, processData: false, contentType: false, error: function (error) { alert("There was error during getting files!"); jQuery('.loader-wrap').fadeOut(600, function(){}); }, success: function (response) { uploadCount--; currentFile++; jQuery('.loader-info').html(currentFile + ' / ' + files.length); if(uploadCount == 0) { setTimeout(function() { jQuery('.loader-wrap').fadeOut(600, function(){ imgUploaderGetData(files.length); jQuery("#designer")[0].contentWindow.postMessage({eventType: "IMAGE_LIST_CHANGED"}, '*');jQuery('#file-input').val(''); }); }, 1000); } } }); } }); } }); e.stopImmediatePropagation();});jQuery(".quick-edit-field-option").on("click", function(){jQuery('.quick-edit-color-selector').css('display','none');});/* Click on "abc" link -> trigger click on "Personalize" button */jQuery('.personalize-link').click(function () {jQuery('.personalize-button').click();});/* Click on "Personalize" button -> display "Quick Edit* form */jQuery('.personalize-button').click(function() {var date = new Date();jQuery.ajax({method: 'get', url: "https://firebox.com/productsdesigner/config/getSid/",data: {_t: date.getTime()}, success: function (response) {var sid = response;jQuery('#designer').attr('src',jQuery(this).attr('data-url') + '&sid=' + sid);jQuery('#designer').attr('data-read-url', jQuery(this).attr('data-read-url') + '&id_session=' + sid);jQuery('.layer-conf').addClass('show-layer');jQuery('body').addClass('show-layer-body');}});});/* Close "Quick Edit* form */jQuery('.desginer-container-quick-edit-close').click(function () {jQuery('.layer-conf').removeClass('show-layer');jQuery('body').removeClass('show-layer-body');jQuery("#designer").css("width", "1000px");jQuery("#designer").css("top", "-100vh");});/* Display full editor window */jQuery('.open-editor-link').click(function() {jQuery("#designer").css("width", "100%");jQuery("#designer").css("top", "0");jQuery('body').addClass("full-designer-open");jQuery('.page-header').hide();openDesigner(this);});jQuery('.bundle-options-wrapper .select-link').click(function() {if(quickEditOpen) {if(confirm('This page is asking you to confirm that you want to leave - data you have entered may not be saved')) {allSelections = true;selectedBundleOption = parseInt(jQuery(this).attr('data-selection-id'));var persoContainerId = selectedBundleOption;setTimeout(function() {if(jQuery('.bundle-selection-data.visible-selection').length > 0) {jQuery('.bundle-selection-data.visible-selection .swatch-opt .swatch-attribute').each(function(index) {var attributeId = jQuery(this).attr('attribute-id');var attributeCode = jQuery(this).attr('attribute-id');var optionSelected = jQuery(this).attr('option-selected');persoContainerId += '-' + attributeId + '-' + optionSelected;if(optionSelected === undefined) {allSelections = false;}});initDesigner(1);}}, 100);} else {return false;}} else {allSelections = true;selectedBundleOption = parseInt(jQuery(this).attr('data-selection-id'));var persoContainerId = selectedBundleOption;setTimeout(function() {if(jQuery('.bundle-selection-data.visible-selection').length > 0) {jQuery('.bundle-selection-data.visible-selection .swatch-opt .swatch-attribute').each(function(index) {var attributeId = jQuery(this).attr('attribute-id');var attributeCode = jQuery(this).attr('attribute-id');var optionSelected = jQuery(this).attr('option-selected');persoContainerId += '-' + attributeId + '-' + optionSelected;if(optionSelected === undefined) {allSelections = false;}});initDesigner(1);}}, 100);}});if(jQuery('.bundle-options-wrapper .select-link').length > 0) {setInterval(function(){if(waitingForLoad) {if(jQuery('.bundle-options-wrapper .swatch-attribute-options .swatch-option').length > 0) {jQuery('.bundle-options-wrapper .swatch-attribute-options .swatch-option').click(function() {allSelections = true;var persoContainerId = selectedBundleOption;setTimeout(function() {jQuery('.bundle-selection-data.visible-selection .swatch-opt .swatch-attribute').each(function(index, el) {var attributeId = jQuery(el).attr('attribute-id');var attributeCode = jQuery(el).attr('attribute-code');var optionSelected = jQuery(el).attr('option-selected');persoContainerId += '-' + attributeId + '-' + optionSelected;if(optionSelected === undefined) {allSelections = false;}});}, 100);waitingForLoad = false;});}}}, 1000);}jQuery(".quick-edit-input input, .quick-edit-input textarea").on('input', function(e){ var selectionStart = e.target.selectionStart var selectionEnd = e.target.selectionEnd let isGotMaxLength = this.value.length >= jQuery(this).attr("maxlength"); if(isGotMaxLength) alert("the max number of characters was entered"); this.value = isGotMaxLength ? this.value.substr(0, jQuery(this).attr("maxlength")) : this.value const capitalize = (str, lower = true) => (lower ? str.toLowerCase() : str).replace(/(?:^|\s|["'([{])+\S/g, match => match.toUpperCase()); let format = jQuery(this).attr("data-textformat"), text = this.value; if (format === "uppercase") { this.value = text.toUpperCase(); } else if (format === "lowercase") { this.value = text.toLowerCase(); } else if (format === "capitalize") { this.value = capitalize(text); } e.target.selectionStart= selectionStart e.target.selectionEnd = selectionEnd e.stopImmediatePropagation(); e.stopPropagation(); });});

Fast Delivery Free Returns

Key Features:

More Info:

Product Details: