97 lines
3.1 KiB
JavaScript
97 lines
3.1 KiB
JavaScript
/* global Cookies */
|
|
jQuery( function( $ ) {
|
|
// Orderby
|
|
$( '.woocommerce-ordering' ).on( 'change', 'select.orderby', function() {
|
|
$( this ).closest( 'form' ).submit();
|
|
});
|
|
|
|
// Target quantity inputs on product pages
|
|
$( '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( 'notice-id' ) || '',
|
|
cookieName = 'store_notice' + noticeID;
|
|
|
|
// Check the value of that cookie and show/hide the notice accordingly
|
|
if ( 'hidden' === Cookies.get( cookieName ) ) {
|
|
$( '.woocommerce-store-notice' ).hide();
|
|
} else {
|
|
$( '.woocommerce-store-notice' ).show();
|
|
}
|
|
|
|
// Set a cookie and hide the store notice when the dismiss button is clicked
|
|
$( '.woocommerce-store-notice__dismiss-link' ).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 );
|
|
} );
|
|
}
|
|
|
|
$( '.woocommerce-input-wrapper' ).on( 'click', function( event ) {
|
|
event.stopPropagation();
|
|
} );
|
|
|
|
$( '.woocommerce-input-wrapper :input' )
|
|
.on( 'keydown', function( event ) {
|
|
var input = $( this ),
|
|
parent = input.parent(),
|
|
description = parent.find( 'span.description' );
|
|
|
|
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(),
|
|
description = parent.find( 'span.description' );
|
|
|
|
parent.addClass( 'currentTarget' );
|
|
|
|
$( '.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 );
|
|
}
|
|
|
|
parent.removeClass( 'currentTarget' );
|
|
} );
|
|
|
|
// Common scroll to element code.
|
|
$.scroll_to_notices = function( scrollElement ) {
|
|
if ( scrollElement.length ) {
|
|
$( 'html, body' ).animate( {
|
|
scrollTop: ( scrollElement.offset().top - 100 )
|
|
}, 1000 );
|
|
}
|
|
};
|
|
|
|
// Show password visiblity hover icon on woocommerce forms
|
|
$( '.woocommerce form .woocommerce-Input[type="password"]' ).wrap( '<span class="password-input"></span>' );
|
|
$( '.password-input' ).prepend( '<span class="show-password-input"></span>' );
|
|
|
|
$( '.show-password-input' ).click(
|
|
function() {
|
|
$( this ).toggleClass( 'display-password' );
|
|
if ( $( this ).hasClass( 'display-password' ) ) {
|
|
$( this ).siblings( ['input[name^="password"]', 'input[type="password"]'] ).prop( 'type', 'text' );
|
|
} else {
|
|
$( this ).siblings( 'input[name^="password"]' ).prop( 'type', 'password' );
|
|
}
|
|
}
|
|
);
|
|
});
|