Personaliseerbare poster in filmposter stijl (2025)

Personaliseerbare poster in filmposter stijl

Blockbuster geschenk. Helemaal geen vraag.

Bespaar

Whoeps, ben je niet iets vergeten?

Je hebt niet alles gepersonaliseerd, kijk nog even naar de preview en verplaats de voorbeeld foto (tenzij je die ook heel mooi vind).

Problemen? Neem een kijkje tussen onze FAQ

Uploads

Upload afbeeldingen

Selecteer de geüploade foto voor gebruik

Ontwerp cadeau nu

Kijk alles alsjeblieft nog een keer goed na. Het wordt afgedrukt zoals getoond in de preview. Iets nog onduidelijk?Ga naar onze 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: "Er zijn verplichte optie keuzes voor dit product." } ], 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 = 'Beste iPhone en iPad bezitters, Vergeet niet de functie \'Blokkeer alle cookies\' uit te schakelen in je Safari-browser instellingen. Anders zijn er geen "cookies" meer voor je en kun je een bestelling op onze website niet meer afronden. En dat willen we koste wat kost vermijden, nietwaar? Dus: activeer snel je cookies en veel plezier bij het shoppen! Het radbagTeam';alert(errorMessage);return false;}var valid = false;if (jQuery('#contains_alcohol').length == 1) {if(!jQuery('#contains_alcohol').is(':checked')) {jQuery('#contains-alcohol').append('

Om dit te product te kunnen bestellen, moet je meerderjarig zijn.

');} 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;// Collect selection IDsdocument.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);}});// Check if there aren't any configurable optionsif(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);}}// Load and init quick edit fieldsfetch('https://www.radbag.nl/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(); // jQuery('.open-config-block .loading-logo-preview-block').css('display','block'); 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');}// Load already uploaded imagesfunction imgUploaderGetData(filesCount) {// Date objectdate = new Date();// Load user SIDjQuery.ajax({method: 'get', url: "https://www.radbag.nl/productsdesigner/config/getSid/",data: {_t: date.getTime()}, success: function (response) {sid = response;if(!loadingImages) {loadingImages = true;// Load uploaded imagesjQuery.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')) {// Check if image field isn't hidden => image was deleted 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"));// React on designer callswindow.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://www.radbag.nl/poster/personaliseerbare-poster-in-filmposter-stijl");/* Send missing font request */jQuery.ajax({type:"POST",contentType:false,processData:false,cache:false,dataType:"json",url: 'https://www.radbag.nl/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");// Show previewif(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") {// Show previewif(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 + "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];// Update quick edit fields according to typeif(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);});}}}// Check if quick field wasn't deleted.. in this case hidejQuery('.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");//var layerId = parseInt(jQuery('#layer_id').val());// if(layerId == 0) {//layerId = ;// }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://www.radbag.nl/productsdesigner/config/customerSave/',data: fd,success:function(data){requestSent = false;// if(jQuery('.open-config-block .conf-preview-check').is(':checked')) {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("#designer").css("display", "none");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("#designer").css("display", "none");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();}})}// Pre-select first available optionsvar 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();}});});}*/// CSS FixjQuery("#designer").css("width", "1000px");jQuery("#designer").css("top", "-100vh");// Reset quick fields and whole design'jQuery('#quick-edit-fields-block-reset').click(function(e) {// Disable double call of evente.stopImmediatePropagation();});// Add to cart button clickjQuery('.add-to-cart-conf-btn').on('click',function(evt) {// Disable double call of eventevt.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://www.radbag.nl/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); // alert(uploadCount); 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() {// Load session idvar date = new Date();jQuery.ajax({method: 'get', url: "https://www.radbag.nl/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(); });});

Gemaakt in Oostenrijk Snelle verzending 100 dagen gratis retourneren

Korte beschrijving

Productbeschrijving

Details