DESKTOP-GBA0BK8\Admin
92 lines
2.9 KiB
JavaScript
92 lines
2.9 KiB
JavaScript
var $j = jQuery.noConflict();
|
|
|
|
$j( window ).on( 'load', function() {
|
|
"use strict";
|
|
// Woo quantity buttons
|
|
oceanwpWooQuantityButtons();
|
|
} );
|
|
|
|
$j( document ).ajaxComplete( function() {
|
|
"use strict";
|
|
// Woo quantity buttons
|
|
oceanwpWooQuantityButtons();
|
|
} );
|
|
|
|
/* ==============================================
|
|
WOOCOMMERCE QUANTITY BUTTONS
|
|
============================================== */
|
|
function oceanwpWooQuantityButtons( $quantitySelector ) {
|
|
|
|
var $quantityBoxes;
|
|
|
|
if ( ! $quantitySelector ) {
|
|
$quantitySelector = '.qty';
|
|
}
|
|
|
|
$quantityBoxes = $j( 'div.quantity:not(.buttons_added), td.quantity:not(.buttons_added)' ).find( $quantitySelector );
|
|
|
|
if ( $quantityBoxes && 'date' !== $quantityBoxes.prop( 'type' ) && 'hidden' !== $quantityBoxes.prop( 'type' ) ) {
|
|
|
|
// Add plus and minus icons
|
|
$quantityBoxes.parent().addClass( 'buttons_added' ).append('<div class="qty-changer"><a href="javascript:void(0)" class="plus"><i class="fa fa-angle-up"></i></a><a href="javascript:void(0)" class="minus"><i class="fa fa-angle-down"></i></a></div>');
|
|
|
|
// Target quantity inputs on product pages
|
|
$j( 'input' + $quantitySelector + ':not(.product-quantity input' + $quantitySelector + ')' ).each( function() {
|
|
var $min = parseFloat( $j( this ).attr( 'min' ) );
|
|
|
|
if ( $min && $min > 0 && parseFloat( $j( this ).val() ) < $min ) {
|
|
$j( this ).val( $min );
|
|
}
|
|
});
|
|
|
|
$j( '.plus, .minus' ).unbind( 'click' );
|
|
|
|
$j( '.plus, .minus' ).on( 'click', function() {
|
|
|
|
// Get values
|
|
var $quantityBox = $j( this ).closest( '.quantity' ).find( $quantitySelector ),
|
|
$currentQuantity = parseFloat( $quantityBox.val() ),
|
|
$maxQuantity = parseFloat( $quantityBox.attr( 'max' ) ),
|
|
$minQuantity = parseFloat( $quantityBox.attr( 'min' ) ),
|
|
$step = $quantityBox.attr( 'step' );
|
|
|
|
// Fallback default values
|
|
if ( ! $currentQuantity || '' === $currentQuantity || 'NaN' === $currentQuantity ) {
|
|
$currentQuantity = 0;
|
|
}
|
|
if ( '' === $maxQuantity || 'NaN' === $maxQuantity ) {
|
|
$maxQuantity = '';
|
|
}
|
|
|
|
if ( '' === $minQuantity || 'NaN' === $minQuantity ) {
|
|
$minQuantity = 0;
|
|
}
|
|
if ( 'any' === $step || '' === $step || undefined === $step || 'NaN' === parseFloat( $step ) ) {
|
|
$step = 1;
|
|
}
|
|
|
|
// Change the value
|
|
if ( $j( this ).is( '.plus' ) ) {
|
|
|
|
if ( $maxQuantity && ( $maxQuantity == $currentQuantity || $currentQuantity > $maxQuantity ) ) {
|
|
$quantityBox.val( $maxQuantity );
|
|
} else {
|
|
$quantityBox.val( $currentQuantity + parseFloat( $step ) );
|
|
}
|
|
|
|
} else {
|
|
|
|
if ( $minQuantity && ( $minQuantity == $currentQuantity || $currentQuantity < $minQuantity ) ) {
|
|
$quantityBox.val( $minQuantity );
|
|
} else if ( $currentQuantity > 0 ) {
|
|
$quantityBox.val( $currentQuantity - parseFloat( $step ) );
|
|
}
|
|
|
|
}
|
|
|
|
// Trigger change event
|
|
$quantityBox.trigger( 'change' );
|
|
}
|
|
);
|
|
}
|
|
} |