Custom Neck Ribbon w/o Sewing

' }); $('#nbdesigner_upload_preview').html('').append(html); }; update_nbu_value = function (arr) { var files = ''; $.each(arr, function (key, val) { files += key == 0 ? val.name : '|' + val.name; }); if ($('#triggerDesign').length > 0) { $('button[type="submit"].single_add_to_cart_button').show(); } $('input[name="nbd-upload-files"]').val(files); }; function buildPreviewUpload() { show_upload_thumb(listFileUpload); update_nbu_value(listFileUpload); var html = ''; listFileUpload.forEach(function (file, index) { html += ''; }); $('.upload-design-preview').html(html); }; var nbd_create_own_page = "https://www.euroko.ch/ch_it/custom-printed-lanyards-8904.html";window.NBDESIGNERPRODUCT = { copy_source: function( e ){ jQuery(e).prev('.nbd-cart-design-url').select(); document.execCommand("copy"); },hide_loading_iframe: function(){ jQuery("#nbd_processing").hide(); }, save_for_later: function(){ var nbds_frontend = 'https://www.euroko.ch/ch_it/onlinedesign/index/info'; jQuery('img.nbd-save-loading').removeClass('hide'); jQuery.ajax({ url: nbds_frontend, method: "POST", data: { action : 'nbd_save_for_later', product_id : NBDESIGNERPRODUCT.product_id, dataType: 'json', variation_id : NBDESIGNERPRODUCT.variation_id, folder: NBDESIGNERPRODUCT.folder // nonce: nbds_frontend } }).done(function(data){ var convert = jQuery.parseJSON(data); if( convert.flag == 1 ){ jQuery('img.nbd-save-loading').addClass('hide'); jQuery('a.nbd-save-for-later').addClass('saved'); jQuery('a.nbd-save-for-later svg').show();jQuery.each( jQuery('#nbd-share-group a'), function(){ var d = new Date(); var href = jQuery(this).attr('data-href'); var share_url =nbd_create_own_page + '?product_id=' + NBDESIGNERPRODUCT.product_id + '&variation_id=' + NBDESIGNERPRODUCT.variation_id + '&reference=' + convert.folder + '&nbd_share_id=' + convert.folder + '&t=' + d.getTime(); var _href = href + encodeURIComponent(share_url); if( jQuery(this).attr('id') == 'nbd-pinterest' ) _href += '&media=' + encodeURIComponent(share_image_url) + '&description=' + jQuery(this).attr('data-description'); if( jQuery(this).attr('data-text') != undefined ) _href += '&text=' + jQuery(this).attr('data-text'); jQuery(this).attr('href', _href); }); jQuery('.saved-design-link').show(); }else{ alert('Opps! Error while save design!'); }; }); }, download_pdf: function(){ jQuery('img.nbd-pdf-loading').removeClass('hide'); jQuery.ajax({ url: nbds_frontend.url, method: "POST", data: { action : 'nbd_frontend_download_pdf', nbd_item_key : NBDESIGNERPRODUCT.folder, nonce: nbds_frontend.nonce } }).done(function(data){ jQuery('img.nbd-pdf-loading').addClass('hide'); var data = JSON.parse(data); var filename = 'design.pdf', a = document.createElement('a'); a.setAttribute('href', data[0].link); a.setAttribute('download', filename); a.click() }); }, download_pdf_in_order: function( e, el ){ e.preventDefault(); var sefl = el, nbd_item_key = sefl.attr('data-nbd-item'), order_id = sefl.attr('data-order'); sefl.find('span').addClass('active'); jQuery.ajax({ url: nbds_frontend.url, method: "POST", data: { action : 'nbd_frontend_download_pdf', nbd_item_key : nbd_item_key, order_id : order_id, nonce: nbds_frontend.nonce } }).done(function(data){ sefl.find('span').removeClass('active'); var data = JSON.parse(data); var filename = 'design.pdf', a = document.createElement('a'); a.setAttribute('href', data[0].link); a.setAttribute('download', filename); a.click() }); }, nbd_download_final_pdf: function( e, el ){ e.preventDefault(); var sefl = el, nbd_item_key = sefl.attr('data-nbd-item'); sefl.find('span').addClass('active'); jQuery.ajax({ url: nbds_frontend.url, method: "POST", data: { action : 'nbd_download_final_pdf', nbd_item_key : nbd_item_key, nonce: nbds_frontend.nonce } }).done(function(data){ sefl.find('span').removeClass('active'); var data = JSON.parse(data); if( data.flag == 1 ){ data.pdf.forEach(function(item, index){ var filename = 'design_' + index + '.pdf', a = document.createElement('a'); a.setAttribute('href', item); a.setAttribute('download', filename); a.click() }); } }); }, insert_customer_design: function (data) {}, hide_iframe_design: function () { var height = -jQuery(window).height(); jQuery('#container-online-designer').removeClass('show'); jQuery('#container-online-designer').stop().animate({ top: height, opacity: 0 }, 500); }, show_design_thumbnail: function (arr, task, config) { console.log('show_design_thumbnail nbdesigner.phtml'); console.log(arr); jQuery('body, html').removeClass('nbd-prevent-scroll'); if( jQuery('#triggerDesign').length > 0 ){ jQuery('button[type="submit"].single_add_to_cart_button').show(); }; jQuery('#nbdesigner-preview-title').show(); jQuery('#nbd-actions').show(); jQuery('#nbdesign-new-template').show(); if(task == 'create_template' || task == 'edit_template'){ jQuery('#triggerDesign').text('Edit Template'); } var html = ''; var d = new Date(); var count = 1; var has_config = false; var product = []; if( config ){ has_config = true; product = config.product; } jQuery.each(arr, function (key, val) { console.log(val); if(count == 1) share_image_url = val; count++; var p_index = key.slice(6); var data_width = has_config ? product[p_index].img_src_width : '500', data_height = has_config ? product[p_index].img_src_height : '500', data_title = has_config ? product[p_index].orientation_name : 'Lato ' + p_index; html += '' }); jQuery.each( jQuery('#nbd-share-group a'), function(){ var d = new Date(); var href = jQuery(this).attr('data-href'); var share_url =nbd_create_own_page + '?product_id=' + NBDESIGNERPRODUCT.product_id + '&variation_id=' + NBDESIGNERPRODUCT.variation_id + '&reference=' + NBDESIGNERPRODUCT.folder + '&nbd_share_id=' + NBDESIGNERPRODUCT.folder + '&t=' + d.getTime(); var _href = href + encodeURIComponent(share_url); if( jQuery(this).attr('id') == 'nbd-pinterest' ) _href += '&media=' + encodeURIComponent(share_image_url) + '&description=' + jQuery(this).attr('data-description'); if( jQuery(this).attr('data-text') != undefined ) _href += '&text=' + jQuery(this).attr('data-text'); jQuery(this).attr('href', _href); }); jQuery('#nbdesigner_frontend_area').html(''); jQuery('#nbdesigner_frontend_area').append(html); hideDesignFrame(); jQuery(document).triggerHandler( 'after_show_design_thumbnail' ); var flipbook = jQuery("[class*=real3dflipbook]:first"); /* Integate with real3dflipbook */ if( flipbook.length > 0 ){ var _class = flipbook.attr('class'), obj = 'real3dflipbook_' + _class.substring(_class.length - 1); var options = window[obj]; var json_str = options.replace(/"/g, '"'); json_str = json_str.replace(/“/g, '"'); json_str = json_str.replace(/”/g, '"'); json_str = json_str.replace(/″/g, '"'); json_str = json_str.replace(/„/g, '"');json_str = json_str.replace(/« /g, '"'); json_str = json_str.replace(/ »/g, '"');options = jQuery.parseJSON(json_str); options.assets = { preloader: options.rootFolder + "images/preloader.jpg", left: options.rootFolder + "images/left.png", overlay: options.rootFolder + "images/overlay.jpg", flipMp3: options.rootFolder + "mp3/turnPage.mp3", shadowPng: options.rootFolder + "images/shadow.png" }; var pages = []; jQuery.each(arr, function (key, val) { pages.push({ htmlContent: '', src: val, thumb: val, title: key }); }); options.pages = pages; options.pdfjsworkerSrc = options.rootFolder + 'js/pdf.worker.min.js' function convertStrings(obj) { jQuery.each(obj, function (key, value) { if (typeof (value) == 'object' || typeof (value) == 'array') { convertStrings(value) } else if (!isNaN(value)) { if (obj[key] === "") delete obj[key] else obj[key] = Number(value) } else if (value == "true") { obj[key] = true } else if (value == "false") { obj[key] = false } });} convertStrings(options); for (var i = 0; i 0) { $slides.each(function (i, el) { var img = jQuery(el).find('img'); if (img.length) { var item = { src: img.attr('src'), w: parseInt( img.attr('data-width') ) * 2, h: parseInt( img.attr('data-height') ) * 2, title: img.attr('data-title') }; items.push(item); } }); } return items; }, show_lightbox: function( e ){ if(!PhotoSwipe) return; var pswpElement = jQuery( '.pswp' )[0], items = this.get_gallery_items(), eventTarget = jQuery( e.target ), clicked; clicked = eventTarget.closest( '.img-con' ); var options = jQuery.extend( { index: jQuery( clicked ).index() } );// Initializes and opens PhotoSwipe. var photoswipe = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options ); photoswipe.init(); }, nbdesigner_ready: function(){ if(jQuery('input[name="variation_id"]').length > 0){ var vid = jQuery('input[name="variation_id"]').val(); if( ( "undefined" != typeof is_nbd_bulk_variation) || ( vid != '' && parseInt(vid) > 0 ) ) { jQuery('#triggerDesign').removeClass('nbdesigner_disable'); } }else{ jQuery('#triggerDesign').removeClass('nbdesigner_disable'); } jQuery('.nbdesigner-img-loading').addClass('hide'); }, nbdesigner_unready: function(){ jQuery('#triggerDesign').addClass('nbdesigner_disable'); jQuery('.nbdesigner-img-loading').removeClass('hide'); }, get_sugget_design: function(product_id, variation_id){ if(!jQuery('.nbdesigner-related-product-image').length) return; var products = []; jQuery.each(jQuery('.nbdesigner-related-product-image'), function(){ products.push(jQuery(this).attr('data-id')); jQuery(this).parent('.nbdesigner-related-product-item').find('.nbdesigner-overlay').addClass('open'); }); if( !products.length ) return; jQuery.ajax({ url: nbds_frontend.url, method: "POST", data: { "action": "nbdesigner_get_suggest_design", "products": products, "product_id" : product_id, "variation_id" : variation_id, "nonce": nbds_frontend.nonce } }).done(function(data){ data = JSON.parse(data); jQuery.each(jQuery('.nbdesigner-related-product-image'), function(){ if(data['flag']){ var href = jQuery(this).attr('href'), data_id = jQuery(this).attr('data-id'); jQuery(this).attr('href', addParameter(href, 'nbds-ref', data['nbd_item_key'], false)); jQuery(this).find('img').attr({'src' : data['images'][data_id], 'srcset' : ''}); } jQuery(this).parent('.nbdesigner-related-product-item').find('.nbdesigner-overlay').removeClass('open'); }); }); }, update_nbu_value: function( arr ){ var files = ''; jQuery.each(arr, function (key, val) { files += key == 0 ? val.name : '|' + val.name; }); if( jQuery('#triggerDesign').length > 0 ){ jQuery('button[type="submit"].single_add_to_cart_button').show(); }; jQuery('input[name="nbd-upload-files"]').val( files ); }, remove_design: function(type, cart_item_key){ jQuery('form.woocommerce-cart-form').addClass( 'processing' ).block( { message: null, overlayCSS: { background: '#fff', opacity: 0.6 } } ); jQuery.ajax({ url: nbds_frontend.url, method: "POST", data: { "action": "nbd_remove_cart_design", "type": type, "cart_item_key": cart_item_key, "nonce": nbds_frontend.nonce } }).done(function(data){ jQuery('form.woocommerce-cart-form').removeClass( 'processing' ).unblock(); if(data == 'success'){ var designSection = jQuery('#nbd' + cart_item_key), uploadSection = jQuery('#nbu' + cart_item_key), extraPrice = jQuery('#nbx' + cart_item_key); var sections = designSection.length + uploadSection.length; if( type == 'custom' ) { designSection.remove(); }else { uploadSection.remove(); } if( sections 0 ) has_quantity = true; nbd_variation_value += index > 0 ? '|' : ''; nbd_variation_value += variation_id + '_' + quantity; }); jQuery('.nbd-variation-value').val(nbd_variation_value); if( has_quantity ){ jQuery('.single_add_to_cart_button').removeClass('disabled wc-variation-selection-needed'); }else{ jQuery('.single_add_to_cart_button').addClass('disabled wc-variation-selection-needed'); } }, change_nbd_dokan_format: function( e ){ var type = jQuery(e).val(), el_action = jQuery(e).parents('.nbd-dokan-download-wrap').find('a.nbd-dokan-download'), href = el_action.attr('data-href'); el_action.attr('href', href + '&type=' + type); }, change_nbd_download_type: function( e ){ var type = jQuery(e).val(), parent = jQuery(e).parents('.nbd-order-item-download-section'), el_action = parent.find('a.nbd-order-download-file'), link = parent.attr('data-href'); if( type == 'pdf' ) { jQuery('#nbd-show-bleed') jQuery('.nbd-pdf-options').removeClass('nbd-hide'); } el_action.attr('href', link + '&type=' + type); }, change_nbd_download_pdf_type: function( ){ jQuery.each(jQuery('.nbd-order-item-download-section'), function(){ var _bleed = jQuery('#nbd-show-bleed').is(':checked') ? 'yes' : 'no'; var _multi_file = jQuery('#nbd-multi-file').is(':checked') ? 'yes' : 'no'; jQuery('.nbd-pdf-options').addClass('nbd-hide'); jQuery.each( jQuery('.nbd-order-item-download-section'), function(){ var link = jQuery(this).find('.nbd-order-download-file').attr('href'); link += '&multi_file=' + _multi_file + '&bleed=' + _bleed; jQuery(this).find('.nbd-order-download-file').attr('href', link); }) }); }, qty: 1, updateQty: function(qty, variations){ /* jQuery('input[name="quantity"]').val(qty); */ /*if( variations ){ NBDESIGNERPRODUCT.variations = JSON.parse( JSON.stringify(variations) ); jQuery(document).triggerHandler( 'change_nbo_variations' ); }*/ } };var width = jQuery(window).innerWidth(); var height = jQuery(window).height(); var w = -width; var h = -height; var nbd_append_iframe = false;var getURLParameter = function (sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i '); nbd_append_iframe = true; } jQuery('#nbd-m-custom-design-wrap').addClass('is-visible'); } jQuery('#container-online-designer').addClass('is-visible'); };/* window.parent.NBDESIGNERPRODUCT.nbdesigner_unready(); */ $('.nbdesign-button').addClass('nbdesigner-disable'); $('.nbdesign-button').text("Loading Design");$('.nbdesigner-img-loading').show(); var loadOnlineDesign = getURLParameter('load_online_design'); var createTemplate = getURLParameter('task'); (loadOnlineDesign || createTemplate == 'create_template') ? showDesignFrame() : '';jQuery('#triggerDesign').on('click', function () { if(jQuery(this).hasClass('nbdesigner_disable')){ alert(nbds_frontend.check_invalid_fields); } else{ showDesignFrame(); var frame = document.getElementById('onlinedesigner-designer'); if( frame ){ frame.contentWindow.postMessage('change_nbo_options', window.location.origin); } } }); jQuery('#closeFrameDesign').on('click', function () { hideDesignFrame(); });jQuery('#nbd__content__overlay').on('click', function (event) { if(event.target.id == 'nbd__content__overlay'){ hideDesignFrame(); } }); jQuery('#open_m-custom-design-wrap').on('click', function (event) { jQuery('.nbd-popup-wrap').addClass('is-hidden'); if( !nbd_append_iframe ){ var iframe_src = jQuery('#container-online-designer').attr('data-iframe'); if( jQuery('input[name="variation_id"]').length ){ iframe_src = addParameter(iframe_src, 'variation_id', jQuery('input[name="variation_id"]').val(), false); } jQuery('#nbd-m-custom-design-wrap').prepend(''); nbd_append_iframe = true; } jQuery('#nbd-m-custom-design-wrap').addClass('is-visible'); });hideDesignFrame = function (mes) { jQuery('body, html').removeClass('nbd-prevent-scroll'); jQuery('#container-online-designer').removeClass('is-visible'); backtoOption(); if (mes != null) { setTimeout(function () { alert(mes); }, 700); } }; $('#nbdesign-new-template').on('click', function () { showDesignFrame(); });setTimeout(function () { $('.nbdesign-button').removeClass('nbdesigner-disable'); $('.nbdesign-button').text(jQuery("#dsgn-btn-name").text()); $('.nbdesigner-img-loading').hide(); }, 3000); });jQuery(window).on('resize', function () { var width = jQuery(window).width(), height = jQuery(window).height(); });function addParameter(url, parameterName, parameterValue, atStart/*Add param before others*/) { var replaceDuplicates = true; var urlhash = ''; if (url.indexOf('#') > 0) { var cl = url.indexOf('#'); urlhash = url.substring(url.indexOf('#'), url.length); } else { urlhash = ''; cl = url.length; } var sourceUrl = url.substring(0, cl); var urlParts = sourceUrl.split("?"); var newQueryString = ""; if (urlParts.length > 1) { var parameters = urlParts[1].split("&"); for (var i = 0; (i 1 ? '&' + newQueryString.substring(1) : ''); } else { if (newQueryString !== "" && newQueryString != '?') newQueryString += "&"; newQueryString += parameterName + "=" + (parameterValue ? parameterValue : ''); } return urlParts[0] + newQueryString + urlhash; };var _nbd_stored_design = false, _nbd_prevent_ajax = false; function nbd_form_submit(e, container){ var wrapper = ( typeof container != 'undefined' ) ? container + ' ' : ''; if( window.preventSubmitFormCart && !_nbd_stored_design ){ e.preventDefault(); console.log(jQuery(this).html()); jQuery(jQuery(this).parents('form')).addClass( 'processing' ).block( { message: null, overlayCSS: { background: '#fff', opacity: 0.6 } }); var scope = angular.element(document.getElementById("designer-controller")).scope(); scope.saveData(); return false; }else if( !_nbd_prevent_ajax ){ e.preventDefault(); var formData = new FormData(); cartForm = jQuery(wrapper + 'form.cart, ' + wrapper + 'form.variations_form'), cartFormData = cartForm.serializeArray(); jQuery.each(cartFormData, function (i, val) { if (val.name) { var new_name = val.name == 'add-to-cart' ? 'nbd-add-to-cart' : val.name; formData.append(new_name, val.value); } }); if( angular.isUndefined(cartFormData['nbd-add-to-cart']) ){ formData.append('nbd-add-to-cart', cartForm.find('[name="add-to-cart"]').val()); } jQuery.each(cartForm.find("input[type='file']"), function (i, tag) { jQuery.each(jQuery(tag)[0].files, function (i, file) { formData.append(tag.name, file); }); }); nbo_ajax_cart( formData, function(){ cartForm.addClass( 'processing' ).block( { message: null, overlayCSS: { background: '#fff', opacity: 0.6 } }); }, function(){ cartForm.removeClass( 'processing' ).unblock(); } ); return false; } return true; }; function nbo_ajax_cart( form, beFunc, comFunc ){ jQuery.ajax({ url: NBDESIGNCONFIG.design_url_visual + '?action=nbo_ajax_cart', type: 'POST', dataType: 'json', data: form, contentType: false, processData: false, beforeSend: function () { if(typeof beFunc == 'function') beFunc(); }, complete: function () { if(typeof comFunc == 'function') comFunc(); }, success: function (response) { jQuery('.catalog-product-view #product_addtocart_form').on('submit', function(e){ nbd_form_submit( e ); }); // if ('success' === response.result) { // console.log(response); // if( typeof response.redirect != 'undefined' ){ // window.location.href = response.redirect; // }else{ // jQuery('#nbd-ajax-cart-alert-content').html(response.messages); // if( response.result == 'success' ){ // jQuery('#nbd-ajax-cart-alert-title .failure').hide(); // }else{ // jQuery('#nbd-ajax-cart-alert-title .success').hide(); // } // if( jQuery('#nbo-quick-view-popup').length ){ // jQuery('#nbo-quick-view-popup').find('.close-popup').triggerHandler('click'); // } // jQuery('#nbd-ajax-cart-alert').showAlert(); // if( response.data.fragments ){ // var fragments = response.data.fragments; // jQuery.each(fragments, function (key) { // jQuery(key).addClass('updating').fadeTo('400', '0.6').block({ // message: null, // overlayCSS: { // opacity: 0.6 // } // }); // }); // jQuery.each(fragments, function (key, value) { // jQuery(key).replaceWith(value); // jQuery(key).stop(true).css('opacity', '1').unblock(); // }); // } // } // } if ('failure' === response.result) { alert( response.messages ); } } }); }; jQuery('.catalog-product-view form#product_addtocart_form .single_add_to_cart_button').on('click', function(e){ nbd_form_submit( e ); });jQuery('.catalog-product-view #product_addtocart_form').on('keydown', function( event ){ if( event.keyCode == 13 ) { event.preventDefault(); return false; } }); jQuery(document).on('nbd_design_stored', function( e, data ){ _nbd_stored_design = true; if( data._type != 'quote' ){ if( typeof data.prevent_ajax != 'undefined' ){ _nbd_prevent_ajax = true; } jQuery('.catalog-product-view #product_addtocart_form').submit(); } }); jQuery('.nbd-tag-list-item, .nbd-color-list-item-inner').on( 'click', function( e ){ var val = jQuery(this).data('value') + '', type = jQuery(this).data('type'), url = new URL(window.location.href), current_val = url.searchParams.get( type ); if( current_val !== null ){ current_val_arr = current_val.split(','); if( current_val_arr.includes( val ) ){ val = current_val; }else{ val = current_val + ',' + val; } } var link = addParameter( window.location.href, type, val, false ); window.location = link; e.preventDefault(); }); Start DesignStart Design