/** * Theme Customizer enhancements for a better user experience. * * Contains handlers to make Theme Customizer preview reload changes asynchronously. */ ( function( $ ) { // Site title and description. wp.customize( 'blogname', function( value ) { value.bind( function( to ) { $( '.site-title a' ).text( to ); } ); } ); wp.customize( 'blogdescription', function( value ) { value.bind( function( to ) { $( '.site-description' ).text( to ); } ); } ); // Header text color. wp.customize( 'header_textcolor', function( value ) { value.bind( function( to ) { if ( 'blank' === to ) { $( '.site-title, .site-description' ).css( { 'clip': 'rect(1px, 1px, 1px, 1px)', 'position': 'absolute' } ); } else { $( '.site-title, .site-description' ).css( { 'clip': 'auto', 'color': to, 'position': 'relative' } ); } } ); } ); /*************************************** ******** HEADER SECTION **************** ****************************************/ //Show Header Logo wp.customize('azera_shop_header_logo', function( value ){ value.bind(function( to ) { if( to != '' ) { $('#parallax_header .only-logo').removeClass( 'azera_shop_only_customizer' ); } else { $('#parallax_header .only-logo').addClass( 'azera_shop_only_customizer' ); } $( '#parallax_header .only-logo img' ).attr('src', to); }); }); //Title wp.customize("azera_shop_header_title", function(value) { value.bind(function( to ) { if( to != '' ) { $( '#parallax_header .intro-section h1' ).removeClass( 'azera_shop_only_customizer' ); } else { $( '#parallax_header .intro-section h1' ).addClass( 'azera_shop_only_customizer' ); } $( '#parallax_header .intro-section h1' ).text( to ); } ); }); //Subtitle wp.customize("azera_shop_header_subtitle", function(value) { value.bind(function( to ) { if( to != '' ) { $( '#parallax_header .intro-section h5' ).removeClass( 'azera_shop_only_customizer' ); } else { $( '#parallax_header .intro-section h5' ).addClass( 'azera_shop_only_customizer' ); } $( '#parallax_header .intro-section h5' ).text( to ); } ); }); //Button text wp.customize("azera_shop_header_button_text", function(value) { value.bind(function( to ) { if( to != '' ) { $( '#parallax_header .button a' ).removeClass( 'azera_shop_only_customizer' ); } else { $( '#parallax_header .button a' ).addClass( 'azera_shop_only_customizer' ); } $( '#parallax_header .button a' ).text( to ); } ); }); //Button link wp.customize("azera_shop_header_button_link", function(value) { value.bind(function( to ) { $( '#parallax_header .button a' ).attr( 'href', to ); } ); }); /****************************************************** *********** OUR SERVICES SECTION *********************** *******************************************************/ //Title wp.customize("azera_shop_our_services_title", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.services' ).removeClass( 'azera_shop_only_customizer' ); $( '.services .section-header h2' ).removeClass( 'azera_shop_only_customizer' ); $('.services .section-header .colored-line' ).removeClass( 'azera_shop_only_customizer' ); $( '.services .section-header h2' ).text( to ); } else { $( '.services .section-header h2' ).addClass( 'azera_shop_only_customizer' ); $('.services .section-header .colored-line' ).addClass( 'azera_shop_only_customizer' ); if($( '.services .section-header .sub-heading' ).hasClass('azera_shop_only_customizer') && isEmpty($('.azera_shop_grid_column_1')) && isEmpty($('.azera_shop_grid_column_2')) && isEmpty($('.azera_shop_grid_column_3')) ){ $( '.services' ).addClass( 'azera_shop_only_customizer' ); } } } ); }); //Subtitle wp.customize("azera_shop_our_services_subtitle", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.services' ).removeClass( 'azera_shop_only_customizer' ); $( '.services .section-header .sub-heading' ).removeClass( 'azera_shop_only_customizer' ); $( '.services .section-header .sub-heading' ).text( to ); } else { $( '.services .section-header .sub-heading' ).addClass( 'azera_shop_only_customizer' ); if($( '.services .section-header h2' ).hasClass('azera_shop_only_customizer') && isEmpty($('.azera_shop_grid_column_1')) && isEmpty($('.azera_shop_grid_column_2')) && isEmpty($('.azera_shop_grid_column_3'))){ $( '.services' ).addClass( 'azera_shop_only_customizer' ); } } } ); }); /****************************************************** ******** HAPPY CUSTOMERS SECTION *********** *******************************************************/ //Title wp.customize("azera_shop_happy_customers_title", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.testimonials' ).removeClass( 'azera_shop_only_customizer' ); $( '.testimonials .section-header h2' ).removeClass( 'azera_shop_only_customizer' ); $( '.testimonials .section-header .colored-line' ).removeClass( 'azera_shop_only_customizer' ); $( '.testimonials .section-header h2' ).text( to ); } else { $( '.testimonials .section-header h2' ).addClass( 'azera_shop_only_customizer' ); $( '.testimonials .section-header .colored-line' ).addClass( 'azera_shop_only_customizer' ); if( $( '.testimonials .section-header .sub-heading').hasClass('azera_shop_only_customizer') && isEmpty($('.testimonials .testimonials-wrap .azera_shop_grid_column_1')) && isEmpty($('.testimonials .testimonials-wrap .azera_shop_grid_column_2')) && isEmpty($('.testimonials .testimonials-wrap .azera_shop_grid_column_3'))){ $( '.testimonials' ).addClass( 'azera_shop_only_customizer' ); } } } ); }); //Subtitle wp.customize("azera_shop_happy_customers_subtitle", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.testimonials' ).removeClass( 'azera_shop_only_customizer' ); $( '.testimonials .section-header .sub-heading' ).removeClass( 'azera_shop_only_customizer' ); $( '.testimonials .section-header .sub-heading' ).text( to ); } else { $( '.testimonials .section-header .sub-heading' ).addClass( 'azera_shop_only_customizer' ); if( $( '.testimonials .section-header h2').hasClass('azera_shop_only_customizer') && isEmpty($('.testimonials .testimonials-wrap .azera_shop_grid_column_1')) && isEmpty($('.testimonials .testimonials-wrap .azera_shop_grid_column_2')) && isEmpty($('.testimonials .testimonials-wrap .azera_shop_grid_column_3')) ){ $( '.testimonials' ).addClass( 'azera_shop_only_customizer' ); } } } ); }); /****************************************************** **************** RIBBON SECTION ***************** *******************************************************/ wp.customize( 'azera_shop_ribbon_background', function( value ) { value.bind( function( to ) { if ( '' != to ) { $( '.ribbon-wrap' ).attr( 'style','background-image:url('+to+')' ); } else { $( '.ribbon-wrap' ).removeAttr('style'); } } ); } ); //Title wp.customize("azera_shop_ribbon_title", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.ribbon-wrap' ).removeClass( 'azera_shop_only_customizer' ); $( '.ribbon-wrap h2' ).removeClass( 'azera_shop_only_customizer' ); $( '.ribbon-wrap h2' ).text( to ); } else { $( '.ribbon-wrap h2' ).addClass( 'azera_shop_only_customizer' ); if( $( '.ribbon-wrap button' ).hasClass( 'azera_shop_only_customizer' ) ){ $( '.ribbon-wrap' ).addClass( 'azera_shop_only_customizer' ); } } } ); }); //Button text wp.customize("azera_shop_button_text", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.ribbon-wrap' ).removeClass( 'azera_shop_only_customizer' ); $( '.ribbon-wrap button' ).removeClass( 'azera_shop_only_customizer' ); $( '.ribbon-wrap button' ).text( to ); } else { $( '.ribbon-wrap button' ).addClass( 'azera_shop_only_customizer' ); if( $( '.ribbon-wrap h2' ).hasClass( 'azera_shop_only_customizer' ) ){ $( '.ribbon-wrap' ).addClass( 'azera_shop_only_customizer' ); } } } ); }); //Button link wp.customize("azera_shop_button_link", function(value) { value.bind(function( to ) { $( '#ribbon button' ).attr( 'onclick', to ); } ); }); /******************************************************** ******************** SHOP SECTION ********************** *******************************************************/ //Title wp.customize("azera_shop_shop_section_title", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.shop' ).removeClass( 'azera_shop_only_customizer' ); $( '.shop .section-header h2' ).removeClass( 'azera_shop_only_customizer' ); $('.shop .section-header .colored-line' ).removeClass( 'azera_shop_only_customizer' ); $( '.shop .section-header h2' ).text( to ); } else { $( '.shop .section-header h2' ).addClass( 'azera_shop_only_customizer' ); $('.shop .section-header .colored-line' ).addClass( 'azera_shop_only_customizer' ); } } ); }); //Subtitle wp.customize("azera_shop_shop_section_subtitle", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.shop' ).removeClass( 'azera_shop_only_customizer' ); $( '.shop .section-header .sub-heading' ).removeClass( 'azera_shop_only_customizer' ); $( '.shop .section-header .sub-heading' ).text( to ); } else { $( '.shop .section-header .sub-heading' ).addClass( 'azera_shop_only_customizer' ); } } ); }); /* Blog header */ wp.customize("azera_shop_blog_header_title", function(value) { value.bind(function( to ) { $( '.archive-top-big-title' ).html( to ); } ); }); wp.customize("azera_shop_blog_header_subtitle", function(value) { value.bind(function( to ) { $( '.archive-top-text' ).html( to ); } ); }); wp.customize("azera_shop_blog_header_image", function(value) { value.bind(function( to ) { $(".archive-top").css('background-image', 'url(' + to + ')'); } ); }); /*************************************** ******** FOOTER SECTION **************** ****************************************/ //Copyright wp.customize("azera_shop_copyright", function(value) { value.bind(function( to ) { if( to != '' ) { $( '.azera_shop_copyright_content' ).removeClass( 'azera_shop_only_customizer' ); } else { $( '.azera_shop_copyright_content' ).addClass( 'azera_shop_only_customizer' ); } $( '.azera_shop_copyright_content' ).text( to ); } ); }); function isEmpty( el ){ return ($.trim(el.html()) === '' ? true : false); } } )( jQuery );