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>

assets/css/frontend.css

@@ -50,11 +50,13 @@
 
 .wc-tpp-table tbody tr {
     border-bottom: 1px solid #e0e0e0;
-    transition: background-color 0.2s;
+    transition: all 0.2s;
+    cursor: pointer;
 }
 
 .wc-tpp-table tbody tr:hover {
     background: #f5f5f5;
+    transform: translateX(2px);
 }
 
 .wc-tpp-table tbody tr.wc-tpp-active-tier {
@@ -67,6 +69,14 @@
     font-size: 0.95em;
 }
 
+.wc-tpp-tier-label {
+    display: inline-block;
+    margin-top: 4px;
+    color: #666;
+    font-style: italic;
+    font-size: 0.9em;
+}
+
 /* Package pricing */
 .wc-tpp-packages {
     display: grid;
@@ -209,6 +219,14 @@ a.wc-tpp-view-options:hover {
     font-size: 0.95em;
 }
 
+/* Disabled add to cart button */
+.single_add_to_cart_button.disabled,
+.single_add_to_cart_button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
 /* Responsive design */
 @media (max-width: 768px) {
     .wc-tpp-packages {

assets/js/frontend.js

@@ -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);