plugin updates
This commit is contained in:
@@ -1,20 +1,20 @@
|
||||
/* global Cookies */
|
||||
jQuery( function( $ ) {
|
||||
jQuery( function ( $ ) {
|
||||
// Orderby
|
||||
$( '.woocommerce-ordering' ).on( 'change', 'select.orderby', function() {
|
||||
$( '.woocommerce-ordering' ).on( 'change', 'select.orderby', function () {
|
||||
$( this ).closest( 'form' ).trigger( 'submit' );
|
||||
});
|
||||
} );
|
||||
|
||||
// Target quantity inputs on product pages
|
||||
$( 'input.qty:not(.product-quantity input.qty)' ).each( function() {
|
||||
$( 'input.qty:not(.product-quantity input.qty)' ).each( function () {
|
||||
var min = parseFloat( $( this ).attr( 'min' ) );
|
||||
|
||||
if ( min >= 0 && parseFloat( $( this ).val() ) < min ) {
|
||||
$( this ).val( min );
|
||||
}
|
||||
});
|
||||
} );
|
||||
|
||||
var noticeID = $( '.woocommerce-store-notice' ).data( 'noticeId' ) || '',
|
||||
var noticeID = $( '.woocommerce-store-notice' ).data( 'noticeId' ) || '',
|
||||
cookieName = 'store_notice' + noticeID;
|
||||
|
||||
// Check the value of that cookie and show/hide the notice accordingly
|
||||
@@ -25,43 +25,56 @@ jQuery( function( $ ) {
|
||||
}
|
||||
|
||||
// Set a cookie and hide the store notice when the dismiss button is clicked
|
||||
$( '.woocommerce-store-notice__dismiss-link' ).on( 'click', function( event ) {
|
||||
Cookies.set( cookieName, 'hidden', { path: '/' } );
|
||||
$( '.woocommerce-store-notice' ).hide();
|
||||
event.preventDefault();
|
||||
});
|
||||
$( '.woocommerce-store-notice__dismiss-link' ).on(
|
||||
'click',
|
||||
function ( event ) {
|
||||
Cookies.set( cookieName, 'hidden', { path: '/' } );
|
||||
$( '.woocommerce-store-notice' ).hide();
|
||||
event.preventDefault();
|
||||
}
|
||||
);
|
||||
|
||||
// Make form field descriptions toggle on focus.
|
||||
if ( $( '.woocommerce-input-wrapper span.description' ).length ) {
|
||||
$( document.body ).on( 'click', function() {
|
||||
$( '.woocommerce-input-wrapper span.description:visible' ).prop( 'aria-hidden', true ).slideUp( 250 );
|
||||
$( document.body ).on( 'click', function () {
|
||||
$( '.woocommerce-input-wrapper span.description:visible' )
|
||||
.prop( 'aria-hidden', true )
|
||||
.slideUp( 250 );
|
||||
} );
|
||||
}
|
||||
|
||||
$( '.woocommerce-input-wrapper' ).on( 'click', function( event ) {
|
||||
$( '.woocommerce-input-wrapper' ).on( 'click', function ( event ) {
|
||||
event.stopPropagation();
|
||||
} );
|
||||
|
||||
$( '.woocommerce-input-wrapper :input' )
|
||||
.on( 'keydown', function( event ) {
|
||||
var input = $( this ),
|
||||
parent = input.parent(),
|
||||
.on( 'keydown', function ( event ) {
|
||||
var input = $( this ),
|
||||
parent = input.parent(),
|
||||
description = parent.find( 'span.description' );
|
||||
|
||||
if ( 27 === event.which && description.length && description.is( ':visible' ) ) {
|
||||
if (
|
||||
27 === event.which &&
|
||||
description.length &&
|
||||
description.is( ':visible' )
|
||||
) {
|
||||
description.prop( 'aria-hidden', true ).slideUp( 250 );
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
} )
|
||||
.on( 'click focus', function() {
|
||||
var input = $( this ),
|
||||
parent = input.parent(),
|
||||
.on( 'click focus', function () {
|
||||
var input = $( this ),
|
||||
parent = input.parent(),
|
||||
description = parent.find( 'span.description' );
|
||||
|
||||
parent.addClass( 'currentTarget' );
|
||||
|
||||
$( '.woocommerce-input-wrapper:not(.currentTarget) span.description:visible' ).prop( 'aria-hidden', true ).slideUp( 250 );
|
||||
$(
|
||||
'.woocommerce-input-wrapper:not(.currentTarget) span.description:visible'
|
||||
)
|
||||
.prop( 'aria-hidden', true )
|
||||
.slideUp( 250 );
|
||||
|
||||
if ( description.length && description.is( ':hidden' ) ) {
|
||||
description.prop( 'aria-hidden', false ).slideDown( 250 );
|
||||
@@ -71,52 +84,88 @@ jQuery( function( $ ) {
|
||||
} );
|
||||
|
||||
// Common scroll to element code.
|
||||
$.scroll_to_notices = function( scrollElement ) {
|
||||
$.scroll_to_notices = function ( scrollElement ) {
|
||||
if ( scrollElement.length ) {
|
||||
$( 'html, body' ).animate( {
|
||||
scrollTop: ( scrollElement.offset().top - 100 )
|
||||
}, 1000 );
|
||||
$( 'html, body' ).animate(
|
||||
{
|
||||
scrollTop: scrollElement.offset().top - 100,
|
||||
},
|
||||
1000
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
// Show password visibility hover icon on woocommerce forms
|
||||
$( '.woocommerce form .woocommerce-Input[type="password"]' ).wrap( '<span class="password-input"></span>' );
|
||||
$( '.woocommerce form .woocommerce-Input[type="password"]' ).wrap(
|
||||
'<span class="password-input"></span>'
|
||||
);
|
||||
// Add 'password-input' class to the password wrapper in checkout page.
|
||||
$( '.woocommerce form input' ).filter(':password').parent('span').addClass('password-input');
|
||||
$( '.password-input' ).append( '<span class="show-password-input"></span>' );
|
||||
|
||||
$( '.show-password-input' ).on( 'click',
|
||||
function() {
|
||||
if ( $( this ).hasClass( 'display-password' ) ) {
|
||||
$( this ).removeClass( 'display-password' );
|
||||
} else {
|
||||
$( this ).addClass( 'display-password' );
|
||||
}
|
||||
if ( $( this ).hasClass( 'display-password' ) ) {
|
||||
$( this ).siblings( ['input[type="password"]'] ).prop( 'type', 'text' );
|
||||
} else {
|
||||
$( this ).siblings( 'input[type="text"]' ).prop( 'type', 'password' );
|
||||
}
|
||||
}
|
||||
$( '.woocommerce form input' )
|
||||
.filter( ':password' )
|
||||
.parent( 'span' )
|
||||
.addClass( 'password-input' );
|
||||
$( '.password-input' ).append(
|
||||
'<span class="show-password-input"></span>'
|
||||
);
|
||||
|
||||
$( '.show-password-input' ).on( 'click', function () {
|
||||
if ( $( this ).hasClass( 'display-password' ) ) {
|
||||
$( this ).removeClass( 'display-password' );
|
||||
} else {
|
||||
$( this ).addClass( 'display-password' );
|
||||
}
|
||||
if ( $( this ).hasClass( 'display-password' ) ) {
|
||||
$( this )
|
||||
.siblings( [ 'input[type="password"]' ] )
|
||||
.prop( 'type', 'text' );
|
||||
} else {
|
||||
$( this )
|
||||
.siblings( 'input[type="text"]' )
|
||||
.prop( 'type', 'password' );
|
||||
}
|
||||
} );
|
||||
|
||||
$( 'a.coming-soon-footer-banner-dismiss' ).on( 'click', function( e ) {
|
||||
$( 'a.coming-soon-footer-banner-dismiss' ).on( 'click', function ( e ) {
|
||||
var target = $( e.target );
|
||||
$.ajax( {
|
||||
type: 'post',
|
||||
url: target.data( 'rest-url' ),
|
||||
data: {
|
||||
meta: {
|
||||
'woocommerce_coming_soon_banner_dismissed': 'yes'
|
||||
}
|
||||
woocommerce_meta: {
|
||||
coming_soon_banner_dismissed: 'yes',
|
||||
},
|
||||
},
|
||||
beforeSend: function ( xhr ) {
|
||||
xhr.setRequestHeader( 'X-WP-Nonce', target.data( 'rest-nonce' ) );
|
||||
xhr.setRequestHeader(
|
||||
'X-WP-Nonce',
|
||||
target.data( 'rest-nonce' )
|
||||
);
|
||||
},
|
||||
complete: function () {
|
||||
$('#coming-soon-footer-banner').hide();
|
||||
}
|
||||
$( '#coming-soon-footer-banner' ).hide();
|
||||
},
|
||||
} );
|
||||
} );
|
||||
});
|
||||
|
||||
document.addEventListener( 'DOMContentLoaded' , function() {
|
||||
var noticeClasses = [ 'woocommerce-message', 'woocommerce-error', 'wc-block-components-notice-banner' ];
|
||||
var noticeSelectors = noticeClasses.map( function( className ) {
|
||||
return '.' + className + '[role="alert"]';
|
||||
} ).join( ', ' );
|
||||
var noticeElements = document.querySelectorAll( noticeSelectors );
|
||||
|
||||
if ( noticeElements.length === 0 ) {
|
||||
return;
|
||||
}
|
||||
|
||||
var firstNotice = noticeElements[0];
|
||||
|
||||
firstNotice.setAttribute( 'tabindex', '-1' );
|
||||
|
||||
// Wait for the element to get the tabindex attribute so it can be focused.
|
||||
var delayFocusNoticeId = setTimeout( function() {
|
||||
firstNotice.focus();
|
||||
clearTimeout( delayFocusNoticeId );
|
||||
}, 500 );
|
||||
} );
|
||||
|
||||
Reference in New Issue
Block a user