You've already forked wc-tier-and-package-prices
Release version 1.1.7 - Enhanced user experience features
Added three new customer-facing features to improve product page interaction and tier pricing functionality. Features: - Optional text labels for tier pricing (similar to package labels) - Clickable tier pricing table rows to auto-populate quantity field - Add to Cart button auto-disables when quantity is 0 or less Enhanced User Experience: - Tier pricing rows now clickable with cursor pointer and hover animation - Clicking tier row sets quantity and smoothly scrolls to quantity field - Add to Cart button shows disabled state with reduced opacity - Tier labels display below quantity in italic gray text Technical Changes: - Added optional 'label' field to tier pricing admin meta box - Updated tier save logic to include label field (sanitized) - Enhanced tier pricing frontend template to display labels - Added click handler for tier pricing rows in frontend.js - Added updateAddToCartButton() function to manage button state - CSS: .wc-tpp-tier-label styling for tier labels - CSS: Clickable cursor and hover transform for tier rows - CSS: Disabled button styling (.single_add_to_cart_button:disabled) Updated Files: - templates/admin/tier-row.twig (added label field) - includes/class-wc-tpp-product-meta.php (save label, template update) - templates/frontend/tier-pricing-table.twig (display labels) - assets/js/frontend.js (tier row clicks, button disable logic) - assets/css/frontend.css (tier label style, clickable rows, disabled button) - wc-tier-and-package-prices.php (version 1.1.7) - composer.json (version 1.1.7) - CHANGELOG.md (v1.1.7 section) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -8,6 +8,7 @@
|
||||
$(document).ready(function() {
|
||||
const $quantityInput = $('input.qty');
|
||||
const $priceDisplay = $('.woocommerce-Price-amount.amount').first();
|
||||
const $addToCartButton = $('.single_add_to_cart_button');
|
||||
const isRestrictedMode = $('.wc-tpp-package-pricing-table').hasClass('wc-tpp-restricted-mode');
|
||||
|
||||
if ($quantityInput.length === 0 && !isRestrictedMode) {
|
||||
@@ -154,9 +155,35 @@
|
||||
$('.wc-tpp-price-message').remove();
|
||||
}
|
||||
|
||||
// Toggle add to cart button state based on quantity
|
||||
function updateAddToCartButton() {
|
||||
const quantity = parseInt($quantityInput.val()) || 0;
|
||||
|
||||
if (quantity <= 0) {
|
||||
$addToCartButton.prop('disabled', true).addClass('disabled');
|
||||
} else {
|
||||
$addToCartButton.prop('disabled', false).removeClass('disabled');
|
||||
}
|
||||
}
|
||||
|
||||
// Handle quantity input changes
|
||||
$quantityInput.on('input change', function() {
|
||||
updatePriceDisplay();
|
||||
updateAddToCartButton();
|
||||
});
|
||||
|
||||
// Handle tier pricing row clicks
|
||||
$('.wc-tpp-tier-pricing-table tbody tr').on('click', function() {
|
||||
const minQty = parseInt($(this).data('min-qty'));
|
||||
|
||||
if ($quantityInput.length > 0 && !isRestrictedMode) {
|
||||
$quantityInput.val(minQty).trigger('change');
|
||||
|
||||
// Scroll to quantity input for better UX
|
||||
$('html, body').animate({
|
||||
scrollTop: $quantityInput.offset().top - 100
|
||||
}, 300);
|
||||
}
|
||||
});
|
||||
|
||||
// Handle package selection
|
||||
@@ -212,6 +239,11 @@
|
||||
if (!isRestrictedMode) {
|
||||
updatePriceDisplay();
|
||||
}
|
||||
|
||||
// Initial button state check
|
||||
if ($quantityInput.length > 0 && $addToCartButton.length > 0) {
|
||||
updateAddToCartButton();
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
Reference in New Issue
Block a user