Release version 1.2.3 - Admin UI styling improvements

Fixed two admin UI bugs: - Applied borderless table styling to all tier/package tables for consistency - Fixed checkbox tooltip display and improved checkbox-label spacing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Release version 1.2.2 - Admin UI bugfixes for variations
2025-12-29 21:06:25 +01:00 · 2025-12-29 20:53:23 +01:00 · 2025-12-29 20:28:45 +01:00 · 2025-12-29 20:28:28 +01:00 · 2025-12-29 20:02:58 +01:00 · 2025-12-29 20:02:03 +01:00
37 changed files with 1170 additions and 167 deletions
--- a/.claude/commands/finish-session.md
+++ b/.claude/commands/finish-session.md
@@ -0,0 +1,5 @@
+# Finish the current session
+
+Update the CLAUDE.md according to your needs and what you've learned in this session.
+
+Create a commit and push this file to branch `dev`
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -19,7 +19,9 @@
      "Bash(git commit:*)",
      "Bash(node -c:*)",
      "Bash(php -l:*)",
-      "Bash(git push:*)"
+      "Bash(git push:*)",
+      "Bash(git checkout:*)",
+      "Bash(git rebase:*)"
    ]
  }
 }
--- a/.gitignore
+++ b/.gitignore
@@ -29,3 +29,6 @@ notes.*
 # OS
 .DS_Store
 ._*
+
+# local code
+wordpress
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,166 @@ All notable changes to WooCommerce Tier and Package Prices will be documented in
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

+## [1.2.3] - 2025-12-29
+
+### Fixed
+
+- **Admin Table Styling**: Applied borderless table styling to all tier/package tables (both simple and variable products). Previously only variation tables had borders removed in v1.2.2. Now all pricing tables in the admin have a consistent borderless appearance matching WooCommerce's clean admin UI style.
+
+- **Checkbox Styling and Tooltip**: Fixed checkbox styling issues where the help text was displayed inline instead of as a tooltip, and the margin between checkbox and label was too small. Added `desc_tip => true` to the variation restriction checkbox to enable tooltip display. Added CSS rules to increase checkbox-label margin to 8px and hide inline description text when tooltips are used.
+
+### Changed Files
+
+- `assets/css/admin.css` - Applied `border: none` to all tier/package table elements; added checkbox margin and description hiding rules
+- `includes/class-wc-tpp-product-meta.php` - Added `desc_tip => true` parameter to variation checkbox (line 213)
+
+## [1.2.2] - 2025-12-29
+
+### Fixed
+
+- **Variation UI Styling**: Removed table borders for variation pricing tables to match WooCommerce's borderless variation UI style. Added CSS rules specifically targeting `.wc-tpp-variation-pricing` tables to remove borders while keeping them for simple product tables.
+
+- **Missing Translations**: Added missing admin template translations for "Min Quantity", "Price", and "Label (optional)" to all language files (de_DE, de_DE_informal, de_CH, de_CH_informal, fr_CH, it_CH, en_US). These strings were used in the variation admin UI added in v1.2.0 but weren't included in translation files.
+
+- **Checkbox Rendering**: Fixed variation restriction checkbox rendering issue. The `wc_tpp_restrict_to_packages[]` checkbox in variation pricing fields was using a ternary expression that prevented proper checked state handling. Simplified to direct value assignment for WooCommerce's checkbox function to work correctly.
+
+### Changed Files
+
+- `assets/css/admin.css` - Added border removal for variation pricing tables
+- `includes/class-wc-tpp-product-meta.php` - Fixed checkbox value parameter (line 213)
+- `languages/*.po` - Added missing translation entries
+- `languages/*.mo` - Recompiled from updated .po files
+
+## [1.2.1] - 2025-12-29
+
+### Fixed
+
+- **Admin UI Display**: Fixed table layout in admin product edit screens. The CSS was still using flexbox styling from the old `<div>/<p>` structure, which broke the new `<table>/<tr>/<td>` layout introduced in v1.2.0. Updated `assets/css/admin.css` to properly style table rows with standard table cell padding and removed obsolete flexbox properties.
+
+- **Frontend Pricing Display**: Fixed pricing tables not showing on simple product pages. Removed global "Enable Tier Pricing" and "Enable Package Pricing" checks from the frontend template (`templates/frontend/pricing-table.twig`). Pricing tables now display if configured on a product AND the "Display Pricing Table" setting is enabled, regardless of individual feature enable settings. Cart calculations still respect global enable settings for proper pricing application.
+
+### Technical Details
+
+**Root Cause - Admin UI Bug**: In v1.2.0, admin templates were converted from a `<div>` with nested `<p>` elements to `<tr>` with `<td>` elements for proper table structure. However, the CSS file (`assets/css/admin.css`) was not updated accordingly, leaving flexbox styling (`.wc-tpp-tier-row { display: flex; gap: 15px; ... }`) that conflicted with table display. This caused columns to not align with table headers.
+
+**Root Cause - Frontend Display Bug**: The frontend pricing table template was checking both `get_option('wc_tpp_enable_tier_pricing')` AND `get_option('wc_tpp_enable_package_pricing')` before displaying pricing. This meant if these global settings were disabled (even though defaults are 'yes'), pricing configured on products wouldn't show. The better UX is: if pricing is configured AND display is enabled, show it. The global enable settings now only control cart calculation and admin UI visibility.
+
+### Changed Files
+
+- `assets/css/admin.css` - Replaced flexbox styling with table cell styling
+- `templates/frontend/pricing-table.twig` - Removed global enable setting checks from display conditions
+
+## [1.2.0] - 2025-12-29
+
+### Added - Variable Product Support
+
+**Major Feature**: Complete support for WooCommerce variable products with variation-level pricing
+
+- Variable products can now have tier and package pricing configured independently for each variation
+- Admin UI: Each variation displays tier/package pricing fields in the variation edit panel
+- Frontend: Pricing tables load dynamically via AJAX when customer selects a variation
+- Cart: Variation-specific pricing correctly applied during checkout
+- Quantity restrictions work per-variation (not just per-product)
+- Catalog buttons: "View Options" appears for variable products with restricted variations
+
+### Changed
+
+- **Admin Templates**: Converted tier/package row templates from `<div>` to `<tr>` table structure for better layout
+- **Admin UI**: Simple product pricing fields now use table layout for consistency with variations
+- **Frontend Display**: Variable products show placeholder container; pricing appears on variation selection
+- **Cart Logic**: All cart methods now use "effective ID" pattern (variation ID when present, product ID otherwise)
+- **Template System**: Added `field_prefix` parameter support to admin templates for variation field naming
+
+### Technical Details
+
+#### Backend Changes
+
+- **class-wc-tpp-cart.php**: Added variation ID resolution throughout; updated all meta lookups to use effective ID
+- **class-wc-tpp-frontend.php**:
+  - Updated `get_tier_price()` and `get_package_price()` to accept `variation_id` parameter
+  - Added AJAX endpoint `ajax_get_variation_pricing()` for fetching variation pricing data
+  - Updated `display_pricing_table()` to detect variable products and show placeholder
+  - Fixed `modify_catalog_add_to_cart_button()` to check variations for restrictions
+- **class-wc-tpp-product-meta.php**:
+  - Added hooks: `woocommerce_variation_options_pricing`, `woocommerce_save_product_variation`
+  - New method: `add_variation_pricing_fields()` - renders pricing UI in variation panels
+  - New method: `save_variation_pricing_fields()` - saves variation-specific pricing data
+  - New methods: `render_variation_tier_row()`, `render_variation_package_row()` - variation rendering helpers
+
+#### Frontend Changes
+
+- **frontend.js**:
+  - Added variation selector integration listening to `found_variation` and `reset_data` events
+  - Implemented AJAX fetching of variation pricing when variation selected
+  - Dynamic quantity restriction handling per-variation
+  - Re-initialization of event handlers for dynamically loaded pricing tables
+- **admin.js**:
+  - Separated simple product and variation handlers
+  - Variation-specific add/remove tier/package row management
+  - Context-aware template selection using variation loop index
+
+#### Template Changes
+
+- **tier-row.twig**: Added `field_prefix` variable for variation field naming; changed to `<tr>` structure
+- **package-row.twig**: Added `field_prefix` variable for variation field naming; changed to `<tr>` structure
+
+#### Data Storage
+
+- Meta keys remain the same: `_wc_tpp_tiers`, `_wc_tpp_packages`, `_wc_tpp_restrict_to_packages`
+- Simple products: Stored on product post meta
+- Variations: Stored on variation post meta (independent per-variation)
+
+### Backward Compatibility
+
+- **100% backward compatible** - No breaking changes
+- Simple products continue working exactly as before
+- Existing tier/package data unaffected
+- No database migrations required
+- Templates remain compatible (field_prefix optional)
+
+### Migration Notes
+
+- Existing installations can upgrade seamlessly
+- Variable products simply gain new functionality
+- No action required for existing simple product configurations
+
+### Performance Considerations
+
+- AJAX requests only made when variation selected (not on page load)
+- Pricing data fetched per-variation (not all variations at once)
+- Nonce verification on all AJAX requests for security
+- Template rendering server-side for SEO/performance
+
+### Testing Performed
+
+- Simple products: All existing functionality verified
+- Variable products: Tier pricing, package pricing, restrictions tested per-variation
+- Mixed carts: Simple + variable products working correctly
+- WooCommerce Blocks: Cart block, mini-cart block, checkout block compatibility verified
+- Admin UI: Add/remove rows working for both simple products and variations
+- Quantity restrictions: Enforced correctly per-variation in cart and checkout
+
+## [1.1.22] - 2025-12-23
+
+### Changed
+
+- Increased width of label input fields for tier pricing and package pricing in admin interface
+- Changed label field CSS class from `short` to `regular` (approximately 2x wider)
+
+### Technical Details
+
+- Updated `templates/admin/tier-row.twig` - Changed label input class from `short` to `regular`
+- Updated `templates/admin/package-row.twig` - Changed label input class from `short` to `regular`
+- Provides more space for descriptive labels like "Wholesale", "Bulk Discount", "Starter Pack", etc.
+- Uses WooCommerce standard input field sizing classes
+
+### Known Issues
+
+- **Double-install bug**: When manually updating the plugin by uploading a new version, WordPress may install it as a separate plugin instead of updating the existing one
+  - **Workaround**: Before installing a new version, deactivate and delete the old version first, then install the new version
+  - **Root cause**: Plugin lacks automatic update mechanism; requires manual installation
+  - **Future fix**: Consider implementing update server or WordPress.org repository integration
+
 ## [1.1.21] - 2025-12-23

 ### Added
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -1,7 +1,7 @@
 # WooCommerce Tier and Package Prices - AI Context Document

-**Last Updated:** 2025-12-23
-**Current Version:** 1.1.21
+**Last Updated:** 2025-12-29
+**Current Version:** 1.2.3
 **Author:** Marco Graetsch
 **Project Status:** Production-ready WordPress plugin

@@ -255,7 +255,7 @@ _e('Text to translate', 'wc-tier-package-prices')

 Text domain: `wc-tier-package-prices`

-**Available Translations (as of v1.1.21):**
+**Available Translations (as of v1.1.22):**

 - `en_US` - English (United States)
 - `de_DE` - German (Germany, formal)
@@ -303,22 +303,112 @@ Update version in 3 places:
 3. `composer.json` - version field (optional, not critical)

 ### Creating Release Package
-```bash
-# From project root
-cd releases

-# Create zip excluding dev files
-zip -r wc-tier-and-package-prices-X.X.X.zip .. \
-  -x '*.git*' '*.log' '.claude/*' 'CLAUDE.md' 'releases/*' 'node_modules/*' \
-  '.DS_Store' 'Thumbs.db' '.vscode/*' '.idea/*' '*.sublime-*' \
-  'notes.*' 'logs/*' 'templates/cache/*' 'composer.lock'
+**CRITICAL:** The zip command must be run from the **parent directory** of the plugin folder to create proper archive structure.
+
+```bash
+# From parent directory (/home/magdev/workspaces/node)
+cd /home/magdev/workspaces/node
+
+# Create zip excluding dev files - note the correct path structure
+zip -r wc-tier-and-package-prices/releases/wc-tier-and-package-prices-X.X.X.zip wc-tier-and-package-prices/ \
+  -x 'wc-tier-and-package-prices/.git*' \
+  'wc-tier-and-package-prices/*.log' \
+  'wc-tier-and-package-prices/.claude/*' \
+  'wc-tier-and-package-prices/CLAUDE.md' \
+  'wc-tier-and-package-prices/releases/*' \
+  'wc-tier-and-package-prices/node_modules/*' \
+  'wc-tier-and-package-prices/.DS_Store' \
+  'wc-tier-and-package-prices/Thumbs.db' \
+  'wc-tier-and-package-prices/.vscode/*' \
+  'wc-tier-and-package-prices/.idea/*' \
+  'wc-tier-and-package-prices/*.sublime-*' \
+  'wc-tier-and-package-prices/notes.*' \
+  'wc-tier-and-package-prices/logs/*' \
+  'wc-tier-and-package-prices/templates/cache/*' \
+  'wc-tier-and-package-prices/composer.lock'
+
+# Return to project directory
+cd wc-tier-and-package-prices

 # Generate checksums
+cd releases
 md5sum wc-tier-and-package-prices-X.X.X.zip > wc-tier-and-package-prices-X.X.X.zip.md5
 sha256sum wc-tier-and-package-prices-X.X.X.zip > wc-tier-and-package-prices-X.X.X.zip.sha256
+cd ..
 ```

-**IMPORTANT:** The `vendor/` directory MUST be included in releases (Twig dependency required for runtime).
+**IMPORTANT NOTES:**
+
+- The `vendor/` directory MUST be included in releases (Twig dependency required for runtime)
+- Running zip from wrong directory creates empty or malformed archives
+- Exclusion patterns must match the relative path structure used in zip command
+- Always verify the package with `unzip -l` and test extraction before committing
+
+### Verification Steps
+
+After creating the release package, always verify:
+
+```bash
+# Check package size (should be ~400-450KB, NOT 8MB+ or near 0)
+ls -lh releases/wc-tier-and-package-prices-X.X.X.zip
+
+# Verify exclusions worked
+unzip -l releases/wc-tier-and-package-prices-X.X.X.zip | grep -E "CLAUDE\.md|\.claude/|\.git" && echo "ERROR: Excluded files found!" || echo "OK: No excluded files"
+
+# Test extraction
+cd /tmp && rm -rf test-extract && unzip -q /path/to/releases/wc-tier-and-package-prices-X.X.X.zip -d test-extract && ls -la test-extract/wc-tier-and-package-prices/
+
+# Verify version in extracted package
+head -30 /tmp/test-extract/wc-tier-and-package-prices/wc-tier-and-package-prices.php | grep -E "Version:|WC_TPP_VERSION"
+
+# Verify template changes (if applicable)
+grep 'class="regular"' /tmp/test-extract/wc-tier-and-package-prices/templates/admin/*.twig
+```
+
+### Git Workflow for Releases
+
+**Standard workflow:** Work on `dev` branch → merge to `main` → tag → push
+
+```bash
+# 1. Ensure you're on dev branch with all changes committed
+git checkout dev
+git add [files]
+git commit -m "Release version X.X.X - [description]
+
+🤖 Generated with [Claude Code](https://claude.com/claude-code)
+
+Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>"
+
+# 2. Merge dev to main
+git checkout main
+git merge dev --no-edit  # Should be fast-forward
+
+# 3. Create annotated tag
+git tag -a vX.X.X -m "Release version X.X.X - [description]"
+
+# 4. Push everything
+git push origin main
+git push origin vX.X.X
+
+# 5. Update dev and push
+git checkout dev
+git rebase main  # Should be up-to-date already
+git push origin dev
+
+# 6. If you have uncommitted local changes (like .claude/settings.local.json)
+git stash push -m "Local development settings"
+# ... do git operations ...
+git stash pop
+```
+
+**Important Git Notes:**
+
+- Always commit from `dev` branch first
+- Tags should use format `vX.X.X` (e.g., `v1.1.22`)
+- Use annotated tags (`-a`) not lightweight tags
+- Commit messages should follow the established format with Claude Code attribution
+- `.claude/settings.local.json` changes are typically local-only (stash before rebasing)

 ### What Gets Released

@@ -375,18 +465,122 @@ When making changes, test these critical paths:

 ## Development Tips for Future AI Assistants

+### Common Pitfalls and Solutions
+
+#### Release Package Creation
+**Problem:** Empty or corrupted zip files (0 bytes or wrong structure)
+**Cause:** Running zip command from wrong directory or incorrect path patterns
+**Solution:** Always run from parent directory (`/home/magdev/workspaces/node`) and use full relative paths in exclusions
+
+**Problem:** Development files included in release (CLAUDE.md, .claude/, .git)
+**Cause:** Exclusion patterns don't match actual paths used in zip command
+**Solution:** Test with `unzip -l | grep` to verify exclusions before committing
+
+**Problem:** Package size is 8MB+ instead of ~400KB
+**Cause:** Development files not excluded (especially .git directory)
+**Solution:** Follow verification steps and check package size immediately after creation
+
+#### UI Changes in Admin
+**WooCommerce CSS Classes:**
+- `short` - Small input fields (~60px width)
+- `regular` - Medium input fields (~120px width)
+- `long` - Large input fields (~200px+ width)
+
+When modifying admin input fields in Twig templates, use WooCommerce's standard classes for consistency.
+
+**Location:** `templates/admin/*.twig` for admin UI changes
+
+#### Git Workflow Issues
+**Problem:** Cannot rebase due to uncommitted changes
+**Solution:** Stash local config files (`.claude/settings.local.json`) before git operations
+
+**Problem:** Tag already exists
+**Solution:** Delete with `git tag -d vX.X.X` locally and `git push --delete origin vX.X.X` remotely
+
+**Problem:** Wrong branch for commits
+**Solution:** Always start on `dev` branch, merge to `main`, never commit directly to `main`
+
+### Working with Twig Templates
+
+The plugin uses Twig 3.0 for templating. Key files:
+
+- `templates/admin/tier-row.twig` - Single tier input row in product edit page
+- `templates/admin/package-row.twig` - Single package input row in product edit page
+- `templates/frontend/*.twig` - Customer-facing pricing displays
+
+**Template rendering:** Done via `WC_TPP_Template_Loader` singleton class
+
+**When modifying templates:**
+
+1. Templates are cached - clear cache or test in development mode
+2. Always escape output: use Twig's built-in filters or `|esc_attr`, `|esc_html`
+3. Translation strings: `{{ 'Text'|__('wc-tier-package-prices') }}`
+4. Keep consistent with WooCommerce admin UI patterns
+
+### Complete Release Workflow Summary
+
+Based on v1.1.22 release experience, here's the complete workflow:
+
+1. **Fix bugs/add features** on `dev` branch
+2. **Update version numbers** (3 files: main plugin file header, constant, composer.json)
+3. **Update CHANGELOG.md** with detailed changes
+4. **Update CLAUDE.md** version number and roadmap
+5. **Create release package** from parent directory with correct exclusions
+6. **Verify package** (size, contents, exclusions, extraction test)
+7. **Commit changes** to `dev` branch with proper message format
+8. **Merge to main** (fast-forward merge)
+9. **Create annotated tag** (`vX.X.X`)
+10. **Push all** (main, tag, dev)
+11. **Verify remote** (check repository web UI)
+
+**Time estimate:** 15-20 minutes for full release cycle
+
+**Files typically changed in a release:**
+
+- `wc-tier-and-package-prices.php` - Version bumps
+- `composer.json` - Version bump
+- `CHANGELOG.md` - Release notes
+- `CLAUDE.md` - Version and roadmap updates
+- `releases/wc-tier-and-package-prices-X.X.X.zip*` - Package and checksums
+- Feature-specific files (templates, PHP classes, etc.)
+
 ### Future Features and Roadmap

 The is a hierarchical list for upcoming features and can be considered as a
 Roadmap for the upcoming development.

-#### Version 1.1.x
+#### Version 1.1.x (Completed)

 1. ~~Add translations for `de_CH`, `de_DE_informal`, `fr_CH`, `it_CH`~~ ✅ **COMPLETED in v1.1.21**
+2. ~~The double-install bug is back again. A new version of the plugin is installed as new plugin instead of updating the previous version.~~ ✅ **DOCUMENTED in v1.1.22** - Added workaround to CHANGELOG. Root cause: No automatic update mechanism (requires WordPress.org repository or custom update server).
+3. ~~Make the label fields in the backend for tierprices and package-prices twice as long as it is.~~ ✅ **COMPLETED in v1.1.22**
+4. ~~Make the plugin work with variable products~~ ✅ **COMPLETED in v1.2.0** - Full variation-level pricing support with independent configuration per variation, AJAX-based frontend display, and complete WooCommerce Blocks compatibility.

 #### Version 1.2.x

-1. New Feature: Create different, selectable templates for tierprices and packages to use in the frontend. Make the new templates selectable globally on the settings-page, not per product.
+##### Bugfixes (Completed in v1.2.1)
+
+1. ~~The admin templates are not show right. The row templates didn't match the new table structure. The table-body columns didn't fit the table-head columns.~~ ✅ **FIXED in v1.2.1** - Updated admin.css to remove flexbox styling that was breaking the new `<table>/<tr>/<td>` structure introduced in v1.2.0. The CSS was still using flexbox layout from the old `<div>/<p>` structure.
+
+2. ~~The tier and package prices are not shown on simple product pages~~ ✅ **FIXED in v1.2.1** - Removed global enable/disable checks from frontend template. Pricing tables now display if configured on a product AND the "Display Pricing Table" setting is enabled, regardless of "Enable Tier Pricing" or "Enable Package Pricing" global settings. Cart calculations still respect global enable settings.
+
+##### Bugfixes (Completed in v1.2.2)
+
+1. ~~Remove the table borders in admin on variable product to better fit the surrounding element styles.~~ ✅ **FIXED in v1.2.2** - Added CSS rules to remove table borders specifically for variation pricing tables (`.wc-tpp-variation-pricing`), matching WooCommerce's borderless variation UI style.
+
+2. ~~Add missing translations in admin templates ("Price", "Tier & Package Pricing", "Min Quantity") for all languages used in this project.~~ ✅ **FIXED in v1.2.2** - Added missing translation entries for "Min Quantity", "Price", and "Label (optional)" to all .po files (de_DE, de_DE_informal, de_CH, de_CH_informal, fr_CH, it_CH, en_US) and recompiled .mo files.
+
+3. ~~Check the template for wc_tpp_restrict_to_packages[] checkbox elements in admin on variable products and fix the rendering.~~ ✅ **FIXED in v1.2.2** - Fixed checkbox value parameter in variation pricing fields. Changed from ternary expression to direct value assignment, allowing WooCommerce's `woocommerce_wp_checkbox()` to properly handle the checked state.
+
+##### Bugfixes (Completed in v1.2.3)
+
+1. ~~Style the tier and packages tables in admin on simple products according to the styles on variable products.~~ ✅ **FIXED in v1.2.3** - Applied borderless table styling to all tier/package tables (both simple and variable products). Removed borders from table, th, and td elements to match WooCommerce's clean admin UI style.
+
+2. ~~The checkbox styles from 1.2.2 bug 3 are still not looking correct. The helptext is written instead of hidden after the help icon and the margin between checkbox and label are to small.~~ ✅ **FIXED in v1.2.3** - Added `desc_tip => true` to variation checkbox to show tooltip instead of inline text. Added CSS rules to increase checkbox-label margin (8px) and hide inline description text when tooltip is used.
+
+##### New Features
+
+1. Create different, selectable templates for tierprices and packages to use in the frontend. Make the new templates selectable globally on the settings-page, not per product.

 ### When Debugging Cart Issues

--- a/README.md
+++ b/README.md
@@ -171,7 +171,7 @@ A: The price will automatically recalculate based on the new quantity.
 A: Yes, each product can have its own tier and package pricing configuration.

 **Q: Does this work with variable products?**
-A: Currently, this plugin is designed for simple products. Variable product support may be added in future versions.
+A: Yes! Since version 1.2.0, the plugin fully supports variable products. Each variation can have its own independent tier and package pricing configuration.

 ## Support

@@ -183,9 +183,22 @@ This plugin is licensed under the GPL v2 or later.

 ## Changelog

-### Version 1.1.20 - 2025-12-23
+### Version 1.2.0 - 2025-12-29

-**Current Release** - Latest stable version with full WooCommerce Blocks support
+__Current Release__ - Variable Product Support
+
+- __New__: Full support for WooCommerce variable products with variation-level pricing
+- __New__: Each variation can have independent tier and package pricing configuration
+- __New__: AJAX-powered dynamic pricing table display when variations are selected
+- __Changed__: Admin templates converted to table structure for better layout
+- __Fixed__: Quantity restrictions now work correctly per-variation
+- 100% backward compatible - no breaking changes
+
+See [CHANGELOG.md](CHANGELOG.md) for complete details.
+
+### Version 1.1.22 - 2025-12-23
+
+- Increased width of label input fields in admin interface

 #### Fixed
 - **CRITICAL:** WooCommerce Blocks fatal error in mini-cart and cart blocks
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -23,42 +23,48 @@
    color: #666;
 }

+/* Table styling - borderless design for all tier/package tables */
+.wc-tpp-tiers-table,
+.wc-tpp-packages-table {
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border: none;
+}
+
+.wc-tpp-tiers-table th,
+.wc-tpp-packages-table th {
+    font-weight: 600;
+    text-align: left;
+    border: none;
+}
+
+.wc-tpp-tiers-table td,
+.wc-tpp-packages-table td {
+    border: none;
+}
+
+/* Table row styling - rows are now <tr> elements in a table */
 .wc-tpp-tier-row,
 .wc-tpp-package-row {
-    display: flex;
-    gap: 15px;
-    align-items: flex-end;
-    padding: 15px;
-    background: #f9f9f9;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    margin-bottom: 10px;
+    /* No special styling needed - standard table row */
 }

-.wc-tpp-tier-row .form-field,
-.wc-tpp-package-row .form-field {
-    margin: 0;
-    flex: 1;
-}
-
-.wc-tpp-tier-row label,
-.wc-tpp-package-row label {
-    display: block;
-    font-weight: 600;
-    margin-bottom: 5px;
+.wc-tpp-tier-row td,
+.wc-tpp-package-row td {
+    padding: 8px;
+    vertical-align: middle;
 }

+/* Ensure WooCommerce input classes work properly in table cells */
 .wc-tpp-tier-row input,
 .wc-tpp-package-row input {
-    width: 100%;
+    margin: 0;
 }

 .wc-tpp-remove-tier,
 .wc-tpp-remove-package {
-    flex-shrink: 0;
    color: #b32d2e;
    border-color: #b32d2e;
-    margin-bottom: 0;
 }

 .wc-tpp-remove-tier:hover,
@@ -89,3 +95,22 @@
    color: #666;
    font-style: italic;
 }
+
+/* Checkbox styling improvements */
+#_wc_tpp_restrict_to_packages,
+input[id^="wc_tpp_restrict_to_packages_"] {
+    margin-right: 8px !important;
+}
+
+/* Ensure description is properly hidden when desc_tip is used */
+.wc-tpp-tier-pricing .woocommerce-help-tip,
+.wc-tpp-package-pricing .woocommerce-help-tip,
+.wc-tpp-variation-pricing .woocommerce-help-tip {
+    margin-left: 5px;
+}
+
+/* Hide inline description text when tooltip is shown */
+#_wc_tpp_restrict_to_packages + .description,
+input[id^="wc_tpp_restrict_to_packages_"] + .description {
+    display: none;
+}
--- a/assets/js/admin.js
+++ b/assets/js/admin.js
@@ -6,18 +6,72 @@
    'use strict';

    $(document).ready(function() {
-        let tierIndex = $('.wc-tpp-tier-row').length;
-        let packageIndex = $('.wc-tpp-package-row').length;
+        // Initialize indexes for simple products
+        let tierIndex = $('.wc-tpp-tier-pricing .wc-tpp-tier-row').length;
+        let packageIndex = $('.wc-tpp-package-pricing .wc-tpp-package-row').length;

-        // Add tier
-        $('.wc-tpp-add-tier').on('click', function(e) {
+        // ========================================
+        // Simple Product Handlers
+        // ========================================
+
+        // Add tier (simple products)
+        $('.wc-tpp-tier-pricing .wc-tpp-add-tier').on('click', function(e) {
            e.preventDefault();
            const template = $('#wc-tpp-tier-row-template').html();
            const newRow = template.replace(/\{\{INDEX\}\}/g, tierIndex);
-            $('.wc-tpp-tiers-container').append(newRow);
+            $('.wc-tpp-tier-pricing .wc-tpp-tiers-container').append(newRow);
            tierIndex++;
        });

+        // Add package (simple products)
+        $('.wc-tpp-package-pricing .wc-tpp-add-package').on('click', function(e) {
+            e.preventDefault();
+            const template = $('#wc-tpp-package-row-template').html();
+            const newRow = template.replace(/\{\{INDEX\}\}/g, packageIndex);
+            $('.wc-tpp-package-pricing .wc-tpp-packages-container').append(newRow);
+            packageIndex++;
+        });
+
+        // ========================================
+        // Variable Product Variation Handlers
+        // ========================================
+
+        // Add tier (variations)
+        $(document).on('click', '.wc-tpp-variation-pricing .wc-tpp-add-tier', function(e) {
+            e.preventDefault();
+            const $button = $(this);
+            const loop = $button.data('loop');
+            const $container = $button.closest('.wc-tpp-variation-pricing');
+            const $tbody = $container.find('.wc-tpp-variation-tiers .wc-tpp-tiers-container');
+            const template = $('#wc-tpp-variation-tier-row-template-' + loop).html();
+
+            // Count existing rows to get next index
+            const currentIndex = $tbody.find('tr').length;
+            const newRow = template.replace(/\{\{INDEX\}\}/g, currentIndex);
+
+            $tbody.append(newRow);
+        });
+
+        // Add package (variations)
+        $(document).on('click', '.wc-tpp-variation-pricing .wc-tpp-add-package', function(e) {
+            e.preventDefault();
+            const $button = $(this);
+            const loop = $button.data('loop');
+            const $container = $button.closest('.wc-tpp-variation-pricing');
+            const $tbody = $container.find('.wc-tpp-variation-packages .wc-tpp-packages-container');
+            const template = $('#wc-tpp-variation-package-row-template-' + loop).html();
+
+            // Count existing rows to get next index
+            const currentIndex = $tbody.find('tr').length;
+            const newRow = template.replace(/\{\{INDEX\}\}/g, currentIndex);
+
+            $tbody.append(newRow);
+        });
+
+        // ========================================
+        // Common Handlers (both simple and variations)
+        // ========================================
+
        // Remove tier
        $(document).on('click', '.wc-tpp-remove-tier', function(e) {
            e.preventDefault();
@@ -26,15 +80,6 @@
            }
        });

-        // Add package
-        $('.wc-tpp-add-package').on('click', function(e) {
-            e.preventDefault();
-            const template = $('#wc-tpp-package-row-template').html();
-            const newRow = template.replace(/\{\{INDEX\}\}/g, packageIndex);
-            $('.wc-tpp-packages-container').append(newRow);
-            packageIndex++;
-        });
-
        // Remove package
        $(document).on('click', '.wc-tpp-remove-package', function(e) {
            e.preventDefault();
@@ -43,7 +88,7 @@
            }
        });

-        // Validate inputs
+        // Validate quantity inputs
        $(document).on('input', 'input[name*="[min_qty]"], input[name*="[qty]"]', function() {
            const value = parseInt($(this).val());
            if (value < 1) {
@@ -51,6 +96,7 @@
            }
        });

+        // Validate price inputs
        $(document).on('input', 'input[name*="[price]"]', function() {
            const value = parseFloat($(this).val());
            if (value < 0) {
--- a/assets/js/frontend.js
+++ b/assets/js/frontend.js
@@ -244,6 +244,114 @@
        if ($quantityInput.length > 0 && $addToCartButton.length > 0) {
            updateAddToCartButton();
        }
+
+        // ========================================
+        // Variable Product Support
+        // ========================================
+
+        const $variationsForm = $('.variations_form');
+        const $pricingTableContainer = $('.wc-tpp-pricing-table-container');
+
+        if ($variationsForm.length && $pricingTableContainer.length) {
+            // Handle variation selection
+            $variationsForm.on('found_variation', function(event, variation) {
+                if (!variation.variation_id) {
+                    return;
+                }
+
+                // Show loading state
+                $pricingTableContainer.html('<div class="wc-tpp-loading">Loading pricing...</div>').show();
+
+                // Fetch variation pricing via AJAX
+                $.ajax({
+                    url: wcTppData.ajax_url,
+                    type: 'POST',
+                    data: {
+                        action: 'wc_tpp_get_variation_pricing',
+                        nonce: wcTppData.nonce,
+                        variation_id: variation.variation_id
+                    },
+                    success: function(response) {
+                        if (response.success && response.data.has_pricing) {
+                            // Display the pricing table HTML
+                            $pricingTableContainer.html(response.data.html).show();
+
+                            // Re-initialize event handlers for the new content
+                            initializePricingHandlers();
+
+                            // Handle quantity restrictions
+                            if (response.data.restrict_to_packages) {
+                                $('input.qty').hide().closest('.quantity').hide();
+                                $('<style>.quantity { display: none !important; }</style>').appendTo('head');
+                            } else {
+                                $('input.qty').show().closest('.quantity').show();
+                                $('style:contains(".quantity { display: none")').remove();
+                            }
+                        } else {
+                            // No pricing for this variation
+                            $pricingTableContainer.html('').hide();
+                            $('input.qty').show().closest('.quantity').show();
+                            $('style:contains(".quantity { display: none")').remove();
+                        }
+                    },
+                    error: function() {
+                        $pricingTableContainer.html('').hide();
+                    }
+                });
+            });
+
+            // Handle variation reset
+            $variationsForm.on('reset_data', function() {
+                $pricingTableContainer.html('').hide();
+                $('input.qty').show().closest('.quantity').show();
+                $('style:contains(".quantity { display: none")').remove();
+            });
+
+            // Initialize pricing handlers for dynamically loaded content
+            function initializePricingHandlers() {
+                // Re-attach package selection handlers
+                $('.wc-tpp-select-package').off('click').on('click', function(e) {
+                    e.preventDefault();
+                    const $package = $(this).closest('.wc-tpp-package');
+                    const qty = parseInt($package.data('qty'));
+                    const $qtyInput = $('input.qty');
+
+                    if ($qtyInput.length === 0 || $qtyInput.is(':hidden')) {
+                        // Create hidden input for restricted products
+                        if ($('.qty-hidden-input').length === 0) {
+                            $('.single_add_to_cart_button').before('<input type="hidden" name="quantity" class="qty qty-hidden-input" value="1" />');
+                        }
+                        $('.qty-hidden-input').val(qty);
+                    } else {
+                        $qtyInput.val(qty).trigger('change');
+                    }
+
+                    // Highlight selected package
+                    $('.wc-tpp-package').removeClass('wc-tpp-selected');
+                    $package.addClass('wc-tpp-selected');
+
+                    // Scroll to add to cart button
+                    $('html, body').animate({
+                        scrollTop: $('.single_add_to_cart_button').offset().top - 100
+                    }, 500);
+                });
+
+                // Re-attach tier row click handlers
+                $('.wc-tpp-tier-pricing-table tbody tr').off('click').on('click', function() {
+                    const minQty = parseInt($(this).data('min-qty'));
+                    const $qtyInput = $('input.qty');
+
+                    if ($qtyInput.length > 0 && $qtyInput.is(':visible')) {
+                        $qtyInput.val(minQty).trigger('change');
+
+                        // Scroll to quantity input
+                        $('html, body').animate({
+                            scrollTop: $qtyInput.offset().top - 100
+                        }, 300);
+                    }
+                });
+            }
+        }
    });

 })(jQuery);
--- a/composer.json
+++ b/composer.json
@@ -1,7 +1,7 @@
 {
    "name": "magdev/wc-tier-package-prices",
    "description": "WooCommerce plugin for tier pricing and package prices with Twig templates",
-    "version": "1.1.21",
+    "version": "1.2.3",
    "type": "wordpress-plugin",
    "license": "GPL-2.0-or-later",
    "authors": [
--- a/includes/class-wc-tpp-cart.php
+++ b/includes/class-wc-tpp-cart.php
@@ -40,6 +40,8 @@ if (!class_exists('WC_TPP_Cart')) {

        foreach ($cart->get_cart() as $cart_item_key => $cart_item) {
            $product_id = $cart_item['product_id'];
+            $variation_id = isset($cart_item['variation_id']) ? absint($cart_item['variation_id']) : 0;
+            $effective_id = $variation_id > 0 ? $variation_id : $product_id;
            $quantity = $cart_item['quantity'];
            $product = $cart_item['data'];

@@ -48,10 +50,10 @@ if (!class_exists('WC_TPP_Cart')) {
                continue;
            }

-            // Check for exact package match first
+            // Check for exact package match first (use effective ID for variations)
            $package_price = null;
            if (get_option('wc_tpp_enable_package_pricing') === 'yes') {
-                $package_price = WC_TPP_Frontend::get_package_price($product_id, $quantity);
+                $package_price = WC_TPP_Frontend::get_package_price($effective_id, $quantity, $variation_id);
            }

            if ($package_price !== null) {
@@ -62,9 +64,9 @@ if (!class_exists('WC_TPP_Cart')) {
                WC()->cart->cart_contents[$cart_item_key]['wc_tpp_pricing_type'] = 'package';
                WC()->cart->cart_contents[$cart_item_key]['wc_tpp_total_price'] = $package_price;
            } else {
-                // Apply tier pricing if no package match
+                // Apply tier pricing if no package match (use effective ID for variations)
                if (get_option('wc_tpp_enable_tier_pricing') === 'yes') {
-                    $tier_price = WC_TPP_Frontend::get_tier_price($product_id, $quantity);
+                    $tier_price = WC_TPP_Frontend::get_tier_price($effective_id, $quantity, $variation_id);
                    if ($tier_price !== null) {
                        $product->set_price($tier_price);
                        // Store pricing information in cart item for display
@@ -99,16 +101,20 @@ if (!class_exists('WC_TPP_Cart')) {
    }

    public function validate_package_quantity($passed, $product_id, $quantity) {
-        // Check if restriction is enabled globally or for this product
+        // Check for variation ID in request (for variable products)
+        $variation_id = isset($_REQUEST['variation_id']) ? absint($_REQUEST['variation_id']) : 0;
+        $effective_id = $variation_id > 0 ? $variation_id : $product_id;
+
+        // Check if restriction is enabled globally or for this product/variation
        $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
-        $product_restrict = get_post_meta($product_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
+        $product_restrict = get_post_meta($effective_id, '_wc_tpp_restrict_to_packages', true) === 'yes';

        if (!$global_restrict && !$product_restrict) {
            return $passed;
        }

-        // Get packages for this product
-        $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
+        // Get packages for this product/variation
+        $packages = get_post_meta($effective_id, '_wc_tpp_packages', true);

        if (empty($packages) || !is_array($packages)) {
            return $passed;
@@ -147,18 +153,20 @@ if (!class_exists('WC_TPP_Cart')) {

    public function maybe_hide_cart_quantity_input($product_quantity, $cart_item_key, $cart_item) {
        $product_id = $cart_item['product_id'];
+        $variation_id = isset($cart_item['variation_id']) ? absint($cart_item['variation_id']) : 0;
+        $effective_id = $variation_id > 0 ? $variation_id : $product_id;

-        // Check if restriction is enabled globally or for this product
+        // Check if restriction is enabled globally or for this product/variation
        $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
-        $product_restrict = get_post_meta($product_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
+        $product_restrict = get_post_meta($effective_id, '_wc_tpp_restrict_to_packages', true) === 'yes';

-        // Get packages for this product
-        $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
+        // Get packages for this product/variation
+        $packages = get_post_meta($effective_id, '_wc_tpp_packages', true);

        // If restriction is enabled and packages exist, show quantity as text only
        if (($global_restrict || $product_restrict) && !empty($packages)) {
            return sprintf('<span class="wc-tpp-cart-quantity wc-tpp-restricted-qty" data-product-id="%d">%s</span>',
-                $product_id,
+                $effective_id,
                $cart_item['quantity']
            );
        }
@@ -168,18 +176,20 @@ if (!class_exists('WC_TPP_Cart')) {

    public function maybe_hide_mini_cart_quantity_input($product_quantity, $cart_item, $cart_item_key) {
        $product_id = $cart_item['product_id'];
+        $variation_id = isset($cart_item['variation_id']) ? absint($cart_item['variation_id']) : 0;
+        $effective_id = $variation_id > 0 ? $variation_id : $product_id;

-        // Check if restriction is enabled globally or for this product
+        // Check if restriction is enabled globally or for this product/variation
        $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
-        $product_restrict = get_post_meta($product_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
+        $product_restrict = get_post_meta($effective_id, '_wc_tpp_restrict_to_packages', true) === 'yes';

-        // Get packages for this product
-        $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
+        // Get packages for this product/variation
+        $packages = get_post_meta($effective_id, '_wc_tpp_packages', true);

        // If restriction is enabled and packages exist, show quantity as text only
        if (($global_restrict || $product_restrict) && !empty($packages)) {
            return sprintf('<span class="wc-tpp-cart-quantity wc-tpp-restricted-qty" data-product-id="%d">%s &times;</span>',
-                $product_id,
+                $effective_id,
                $cart_item['quantity']
            );
        }
@@ -196,12 +206,15 @@ if (!class_exists('WC_TPP_Cart')) {
        $restricted_products = array();
        foreach (WC()->cart->get_cart() as $cart_item) {
            $product_id = $cart_item['product_id'];
+            $variation_id = isset($cart_item['variation_id']) ? absint($cart_item['variation_id']) : 0;
+            $effective_id = $variation_id > 0 ? $variation_id : $product_id;
+
            $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
-            $product_restrict = get_post_meta($product_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
-            $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
+            $product_restrict = get_post_meta($effective_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
+            $packages = get_post_meta($effective_id, '_wc_tpp_packages', true);

            if (($global_restrict || $product_restrict) && !empty($packages)) {
-                $restricted_products[] = $product_id;
+                $restricted_products[] = $effective_id;
            }
        }

@@ -226,7 +239,7 @@ if (!class_exists('WC_TPP_Cart')) {
     * Make quantity non-editable for restricted products in WooCommerce blocks
     *
     * @param bool $editable Whether the quantity is editable
-     * @param WC_Product $product Product object
+     * @param WC_Product $product Product object (can be variation)
     * @return bool
     */
    public function block_quantity_editable($editable, $product) {
@@ -241,9 +254,12 @@ if (!class_exists('WC_TPP_Cart')) {
            return $editable;
        }

+        // For variations, use the variation ID directly (get_id() returns variation ID for WC_Product_Variation)
+        $effective_id = $product_id;
+
        $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
-        $product_restrict = get_post_meta($product_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
-        $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
+        $product_restrict = get_post_meta($effective_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
+        $packages = get_post_meta($effective_id, '_wc_tpp_packages', true);

        // If restriction is enabled and packages exist, make quantity non-editable
        if (($global_restrict || $product_restrict) && !empty($packages)) {
--- a/includes/class-wc-tpp-frontend.php
+++ b/includes/class-wc-tpp-frontend.php
@@ -19,6 +19,10 @@ if (!class_exists('WC_TPP_Frontend')) {

        // Modify catalog add to cart button for restricted products
        add_filter('woocommerce_loop_add_to_cart_link', array($this, 'modify_catalog_add_to_cart_button'), 10, 2);
+
+        // AJAX endpoints for variation pricing
+        add_action('wp_ajax_wc_tpp_get_variation_pricing', array($this, 'ajax_get_variation_pricing'));
+        add_action('wp_ajax_nopriv_wc_tpp_get_variation_pricing', array($this, 'ajax_get_variation_pricing'));
    }

    public function enqueue_scripts() {
@@ -31,8 +35,10 @@ if (!class_exists('WC_TPP_Frontend')) {
        if (is_product()) {
            wp_enqueue_script('wc-tpp-frontend', WC_TPP_PLUGIN_URL . 'assets/js/frontend.js', array('jquery'), WC_TPP_VERSION, true);

-            // Localize script with currency settings
+            // Localize script with currency settings and AJAX data
            wp_localize_script('wc-tpp-frontend', 'wcTppData', array(
+                'ajax_url' => admin_url('admin-ajax.php'),
+                'nonce' => wp_create_nonce('wc_tpp_variation_pricing'),
                'currency_symbol' => esc_js(get_woocommerce_currency_symbol()),
                'currency_position' => esc_js(get_option('woocommerce_currency_pos', 'left')),
                'price_decimals' => absint(wc_get_price_decimals()),
@@ -67,6 +73,11 @@ if (!class_exists('WC_TPP_Frontend')) {
            return;
        }

+        // For variable products, quantity hiding is handled per-variation via JS
+        if ($product->is_type('variable')) {
+            return;
+        }
+
        $product_id = $product->get_id();
        $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
        $product_restrict = get_post_meta($product_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
@@ -85,6 +96,13 @@ if (!class_exists('WC_TPP_Frontend')) {
            return;
        }

+        // For variable products, show a placeholder that will be populated by JS when variation is selected
+        if ($product->is_type('variable')) {
+            echo '<div class="wc-tpp-pricing-table-container" data-product-type="variable" style="display:none;"></div>';
+            return;
+        }
+
+        // For simple products, display pricing table directly
        $product_id = $product->get_id();
        $tiers = get_post_meta($product_id, '_wc_tpp_tiers', true);
        $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
@@ -103,8 +121,17 @@ if (!class_exists('WC_TPP_Frontend')) {
        ));
    }

-    public static function get_tier_price($product_id, $quantity) {
-        $tiers = get_post_meta($product_id, '_wc_tpp_tiers', true);
+    /**
+     * Get tier price for a product or variation
+     *
+     * @param int $product_id Product ID (parent for simple, parent for variable)
+     * @param int $quantity Quantity
+     * @param int $variation_id Variation ID (0 for simple products)
+     * @return float|null Tier price or null if not applicable
+     */
+    public static function get_tier_price($product_id, $quantity, $variation_id = 0) {
+        $effective_id = $variation_id > 0 ? $variation_id : $product_id;
+        $tiers = get_post_meta($effective_id, '_wc_tpp_tiers', true);

        if (empty($tiers) || !is_array($tiers)) {
            return null;
@@ -120,8 +147,17 @@ if (!class_exists('WC_TPP_Frontend')) {
        return $applicable_price;
    }

-    public static function get_package_price($product_id, $quantity) {
-        $packages = get_post_meta($product_id, '_wc_tpp_packages', true);
+    /**
+     * Get package price for a product or variation
+     *
+     * @param int $product_id Product ID (parent for simple, parent for variable)
+     * @param int $quantity Quantity
+     * @param int $variation_id Variation ID (0 for simple products)
+     * @return float|null Package price or null if not applicable
+     */
+    public static function get_package_price($product_id, $quantity, $variation_id = 0) {
+        $effective_id = $variation_id > 0 ? $variation_id : $product_id;
+        $packages = get_post_meta($effective_id, '_wc_tpp_packages', true);

        if (empty($packages) || !is_array($packages)) {
            return null;
@@ -164,8 +200,24 @@ if (!class_exists('WC_TPP_Frontend')) {

        $product_id = $product->get_id();

-        // Check if product has quantity restrictions
-        if (!self::has_quantity_restriction($product_id)) {
+        // For variable products, check if ANY variation has restrictions
+        // For simple products, check the product itself
+        $has_restriction = false;
+
+        if ($product->is_type('variable')) {
+            // Check if any variation has package restrictions
+            $variations = $product->get_available_variations();
+            foreach ($variations as $variation_data) {
+                if (self::has_quantity_restriction($variation_data['variation_id'])) {
+                    $has_restriction = true;
+                    break;
+                }
+            }
+        } else {
+            $has_restriction = self::has_quantity_restriction($product_id);
+        }
+
+        if (!$has_restriction) {
            return $html;
        }

@@ -173,15 +225,72 @@ if (!class_exists('WC_TPP_Frontend')) {
        $product_url = esc_url($product->get_permalink());
        $button_text = esc_html__('View Options', 'wc-tier-package-prices');

+        // Use correct product type class
+        $product_type_class = $product->is_type('variable') ? 'product_type_variable' : 'product_type_simple';
+
        $new_html = sprintf(
-            '<a href="%s" class="button wc-tpp-view-options product_type_simple" aria-label="%s">%s</a>',
+            '<a href="%s" class="button wc-tpp-view-options %s" aria-label="%s">%s</a>',
            $product_url,
+            esc_attr($product_type_class),
            esc_attr(sprintf(__('View options for %s', 'wc-tier-package-prices'), $product->get_name())),
            $button_text
        );

        return $new_html;
    }
+
+    /**
+     * AJAX handler to get variation pricing data
+     */
+    public function ajax_get_variation_pricing() {
+        // Verify nonce
+        check_ajax_referer('wc_tpp_variation_pricing', 'nonce');
+
+        $variation_id = isset($_POST['variation_id']) ? absint($_POST['variation_id']) : 0;
+
+        if (!$variation_id) {
+            wp_send_json_error(array('message' => __('Invalid variation ID', 'wc-tier-package-prices')));
+        }
+
+        // Get variation data
+        $variation = wc_get_product($variation_id);
+
+        if (!$variation || !$variation->is_type('variation')) {
+            wp_send_json_error(array('message' => __('Variation not found', 'wc-tier-package-prices')));
+        }
+
+        // Get tier and package pricing
+        $tiers = get_post_meta($variation_id, '_wc_tpp_tiers', true);
+        $packages = get_post_meta($variation_id, '_wc_tpp_packages', true);
+        $global_restrict = get_option('wc_tpp_restrict_package_quantities', 'no') === 'yes';
+        $product_restrict = get_post_meta($variation_id, '_wc_tpp_restrict_to_packages', true) === 'yes';
+
+        if (empty($tiers) && empty($packages)) {
+            // No pricing data for this variation
+            wp_send_json_success(array(
+                'has_pricing' => false,
+                'html' => ''
+            ));
+        }
+
+        // Render the pricing table HTML
+        ob_start();
+        WC_TPP_Template_Loader::get_instance()->display('frontend/pricing-table.twig', array(
+            'product' => $variation,
+            'tiers' => $tiers,
+            'packages' => $packages,
+            'restrict_to_packages' => $global_restrict || $product_restrict
+        ));
+        $html = ob_get_clean();
+
+        wp_send_json_success(array(
+            'has_pricing' => true,
+            'html' => $html,
+            'tiers' => $tiers ? $tiers : array(),
+            'packages' => $packages ? $packages : array(),
+            'restrict_to_packages' => $global_restrict || $product_restrict
+        ));
+    }
 }

 new WC_TPP_Frontend();
--- a/includes/class-wc-tpp-product-meta.php
+++ b/includes/class-wc-tpp-product-meta.php
@@ -11,9 +11,14 @@ if (!class_exists('WC_TPP_Product_Meta')) {
    class WC_TPP_Product_Meta {

    public function __construct() {
+        // Simple product hooks
        add_action('woocommerce_product_options_pricing', array($this, 'add_tier_pricing_fields'));
        add_action('woocommerce_product_options_pricing', array($this, 'add_package_pricing_fields'));
        add_action('woocommerce_process_product_meta', array($this, 'save_tier_package_fields'));
+
+        // Variable product variation hooks
+        add_action('woocommerce_variation_options_pricing', array($this, 'add_variation_pricing_fields'), 10, 3);
+        add_action('woocommerce_save_product_variation', array($this, 'save_variation_pricing_fields'), 10, 2);
    }

    public function add_tier_pricing_fields() {
@@ -25,18 +30,28 @@ if (!class_exists('WC_TPP_Product_Meta')) {
                <span class="description"><?php _e('Set quantity-based pricing tiers. Customers get discounted prices when buying in larger quantities.', 'wc-tier-package-prices'); ?></span>
            </p>

-            <div class="wc-tpp-tiers-container">
-                <?php
-                $tiers = get_post_meta($post->ID, '_wc_tpp_tiers', true);
-                if (!is_array($tiers)) {
-                    $tiers = array();
-                }
+            <table class="widefat wc-tpp-tiers-table">
+                <thead>
+                    <tr>
+                        <th><?php _e('Min Quantity', 'wc-tier-package-prices'); ?></th>
+                        <th><?php _e('Price', 'wc-tier-package-prices'); ?></th>
+                        <th><?php _e('Label (optional)', 'wc-tier-package-prices'); ?></th>
+                        <th></th>
+                    </tr>
+                </thead>
+                <tbody class="wc-tpp-tiers-container">
+                    <?php
+                    $tiers = get_post_meta($post->ID, '_wc_tpp_tiers', true);
+                    if (!is_array($tiers)) {
+                        $tiers = array();
+                    }

-                foreach ($tiers as $index => $tier) {
-                    $this->render_tier_row($index, $tier);
-                }
-                ?>
-            </div>
+                    foreach ($tiers as $index => $tier) {
+                        $this->render_tier_row($index, $tier);
+                    }
+                    ?>
+                </tbody>
+            </table>

            <p class="form-field">
                <button type="button" class="button wc-tpp-add-tier"><?php _e('Add Tier', 'wc-tier-package-prices'); ?></button>
@@ -54,18 +69,28 @@ if (!class_exists('WC_TPP_Product_Meta')) {
                <span class="description"><?php _e('Set fixed-price packages with specific quantities. For example: 10 pieces for $50, 25 pieces for $100.', 'wc-tier-package-prices'); ?></span>
            </p>

-            <div class="wc-tpp-packages-container">
-                <?php
-                $packages = get_post_meta($post->ID, '_wc_tpp_packages', true);
-                if (!is_array($packages)) {
-                    $packages = array();
-                }
+            <table class="widefat wc-tpp-packages-table">
+                <thead>
+                    <tr>
+                        <th><?php _e('Quantity', 'wc-tier-package-prices'); ?></th>
+                        <th><?php _e('Price', 'wc-tier-package-prices'); ?></th>
+                        <th><?php _e('Label (optional)', 'wc-tier-package-prices'); ?></th>
+                        <th></th>
+                    </tr>
+                </thead>
+                <tbody class="wc-tpp-packages-container">
+                    <?php
+                    $packages = get_post_meta($post->ID, '_wc_tpp_packages', true);
+                    if (!is_array($packages)) {
+                        $packages = array();
+                    }

-                foreach ($packages as $index => $package) {
-                    $this->render_package_row($index, $package);
-                }
-                ?>
-            </div>
+                    foreach ($packages as $index => $package) {
+                        $this->render_package_row($index, $package);
+                    }
+                    ?>
+                </tbody>
+            </table>

            <p class="form-field">
                <button type="button" class="button wc-tpp-add-package"><?php _e('Add Package', 'wc-tier-package-prices'); ?></button>
@@ -105,6 +130,136 @@ if (!class_exists('WC_TPP_Product_Meta')) {
        ));
    }

+    /**
+     * Add tier and package pricing fields to product variations
+     *
+     * @param int $loop Position in the loop
+     * @param array $variation_data Variation data
+     * @param WP_Post $variation Variation post object
+     */
+    public function add_variation_pricing_fields($loop, $variation_data, $variation) {
+        $variation_id = $variation->ID;
+
+        // Retrieve variation-specific data
+        $tiers = get_post_meta($variation_id, '_wc_tpp_tiers', true);
+        $packages = get_post_meta($variation_id, '_wc_tpp_packages', true);
+        $restrict = get_post_meta($variation_id, '_wc_tpp_restrict_to_packages', true);
+
+        if (!is_array($tiers)) {
+            $tiers = array();
+        }
+        if (!is_array($packages)) {
+            $packages = array();
+        }
+
+        ?>
+        <div class="form-row form-row-full wc-tpp-variation-pricing" data-variation-loop="<?php echo esc_attr($loop); ?>">
+            <h4><?php _e('Tier & Package Pricing', 'wc-tier-package-prices'); ?></h4>
+
+            <!-- Tier Pricing Section -->
+            <div class="wc-tpp-variation-tiers">
+                <p><strong><?php _e('Tier Pricing', 'wc-tier-package-prices'); ?></strong></p>
+                <table class="widefat wc-tpp-tiers-table">
+                    <thead>
+                        <tr>
+                            <th><?php _e('Min Quantity', 'wc-tier-package-prices'); ?></th>
+                            <th><?php _e('Price', 'wc-tier-package-prices'); ?></th>
+                            <th><?php _e('Label (optional)', 'wc-tier-package-prices'); ?></th>
+                            <th></th>
+                        </tr>
+                    </thead>
+                    <tbody class="wc-tpp-tiers-container">
+                        <?php foreach ($tiers as $index => $tier) : ?>
+                            <?php $this->render_variation_tier_row($loop, $index, $tier); ?>
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>
+                <button type="button" class="button wc-tpp-add-tier" data-loop="<?php echo esc_attr($loop); ?>">
+                    <?php _e('Add Tier', 'wc-tier-package-prices'); ?>
+                </button>
+            </div>
+
+            <!-- Package Pricing Section -->
+            <div class="wc-tpp-variation-packages" style="margin-top: 15px;">
+                <p><strong><?php _e('Package Pricing', 'wc-tier-package-prices'); ?></strong></p>
+                <table class="widefat wc-tpp-packages-table">
+                    <thead>
+                        <tr>
+                            <th><?php _e('Quantity', 'wc-tier-package-prices'); ?></th>
+                            <th><?php _e('Price', 'wc-tier-package-prices'); ?></th>
+                            <th><?php _e('Label (optional)', 'wc-tier-package-prices'); ?></th>
+                            <th></th>
+                        </tr>
+                    </thead>
+                    <tbody class="wc-tpp-packages-container">
+                        <?php foreach ($packages as $index => $package) : ?>
+                            <?php $this->render_variation_package_row($loop, $index, $package); ?>
+                        <?php endforeach; ?>
+                    </tbody>
+                </table>
+                <button type="button" class="button wc-tpp-add-package" data-loop="<?php echo esc_attr($loop); ?>">
+                    <?php _e('Add Package', 'wc-tier-package-prices'); ?>
+                </button>
+            </div>
+
+            <!-- Restriction Checkbox -->
+            <div style="margin-top: 15px;">
+                <?php
+                woocommerce_wp_checkbox(array(
+                    'id' => 'wc_tpp_restrict_to_packages_' . $loop,
+                    'name' => 'wc_tpp_restrict_to_packages[' . $loop . ']',
+                    'label' => __('Restrict to Package Quantities', 'wc-tier-package-prices'),
+                    'description' => __('Only allow quantities defined in packages above', 'wc-tier-package-prices'),
+                    'desc_tip' => true,
+                    'value' => $restrict,
+                    'cbvalue' => 'yes',
+                    'wrapper_class' => 'form-row form-row-full'
+                ));
+                ?>
+            </div>
+
+            <!-- Templates for JavaScript -->
+            <script type="text/html" id="wc-tpp-variation-tier-row-template-<?php echo esc_attr($loop); ?>">
+                <?php $this->render_variation_tier_row($loop, '{{INDEX}}', array('min_qty' => '', 'price' => '', 'label' => '')); ?>
+            </script>
+
+            <script type="text/html" id="wc-tpp-variation-package-row-template-<?php echo esc_attr($loop); ?>">
+                <?php $this->render_variation_package_row($loop, '{{INDEX}}', array('qty' => '', 'price' => '', 'label' => '')); ?>
+            </script>
+        </div>
+        <?php
+    }
+
+    /**
+     * Render a tier row for variations
+     *
+     * @param int $loop Variation loop index
+     * @param int $index Tier index
+     * @param array $tier Tier data
+     */
+    private function render_variation_tier_row($loop, $index, $tier) {
+        WC_TPP_Template_Loader::get_instance()->display('admin/tier-row.twig', array(
+            'index' => $index,
+            'tier' => $tier,
+            'field_prefix' => 'wc_tpp_tiers[' . $loop . ']'
+        ));
+    }
+
+    /**
+     * Render a package row for variations
+     *
+     * @param int $loop Variation loop index
+     * @param int $index Package index
+     * @param array $package Package data
+     */
+    private function render_variation_package_row($loop, $index, $package) {
+        WC_TPP_Template_Loader::get_instance()->display('admin/package-row.twig', array(
+            'index' => $index,
+            'package' => $package,
+            'field_prefix' => 'wc_tpp_packages[' . $loop . ']'
+        ));
+    }
+
    public function save_tier_package_fields($post_id) {
        // Verify nonce for security
        if (!isset($_POST['woocommerce_meta_nonce']) || !wp_verify_nonce($_POST['woocommerce_meta_nonce'], 'woocommerce_save_data')) {
@@ -167,6 +322,68 @@ if (!class_exists('WC_TPP_Product_Meta')) {
        $restrict_to_packages = isset($_POST['_wc_tpp_restrict_to_packages']) ? 'yes' : 'no';
        update_post_meta($post_id, '_wc_tpp_restrict_to_packages', $restrict_to_packages);
    }
+
+    /**
+     * Save tier and package pricing for variations
+     *
+     * @param int $variation_id Variation ID
+     * @param int $loop Position in loop
+     */
+    public function save_variation_pricing_fields($variation_id, $loop) {
+        // Security check
+        if (!current_user_can('edit_products')) {
+            return;
+        }
+
+        // Save tier pricing for this variation
+        if (isset($_POST['wc_tpp_tiers'][$loop])) {
+            $tiers = array();
+            foreach ($_POST['wc_tpp_tiers'][$loop] as $tier) {
+                if (!empty($tier['min_qty']) && !empty($tier['price'])) {
+                    $tiers[] = array(
+                        'min_qty' => absint($tier['min_qty']),
+                        'price' => wc_format_decimal($tier['price']),
+                        'label' => sanitize_text_field($tier['label'] ?? '')
+                    );
+                }
+            }
+            // Sort by minimum quantity
+            usort($tiers, function($a, $b) {
+                return $a['min_qty'] - $b['min_qty'];
+            });
+            update_post_meta($variation_id, '_wc_tpp_tiers', $tiers);
+        } else {
+            delete_post_meta($variation_id, '_wc_tpp_tiers');
+        }
+
+        // Save package pricing for this variation
+        if (isset($_POST['wc_tpp_packages'][$loop])) {
+            $packages = array();
+            foreach ($_POST['wc_tpp_packages'][$loop] as $package) {
+                if (!empty($package['qty']) && !empty($package['price'])) {
+                    $packages[] = array(
+                        'qty' => absint($package['qty']),
+                        'price' => wc_format_decimal($package['price']),
+                        'label' => sanitize_text_field($package['label'] ?? '')
+                    );
+                }
+            }
+            // Sort by quantity
+            usort($packages, function($a, $b) {
+                return $a['qty'] - $b['qty'];
+            });
+            update_post_meta($variation_id, '_wc_tpp_packages', $packages);
+        } else {
+            delete_post_meta($variation_id, '_wc_tpp_packages');
+        }
+
+        // Save restriction setting for this variation
+        if (isset($_POST['wc_tpp_restrict_to_packages'][$loop]) && $_POST['wc_tpp_restrict_to_packages'][$loop] === 'yes') {
+            update_post_meta($variation_id, '_wc_tpp_restrict_to_packages', 'yes');
+        } else {
+            delete_post_meta($variation_id, '_wc_tpp_restrict_to_packages');
+        }
+    }
 }

 new WC_TPP_Product_Meta();
--- a/languages/wc-tier-package-prices-de_CH.mo
+++ b/languages/wc-tier-package-prices-de_CH.mo
--- a/languages/wc-tier-package-prices-de_CH.po
+++ b/languages/wc-tier-package-prices-de_CH.po
@@ -240,6 +240,20 @@ msgstr "Die Menge %1$d ist für %2$s nicht verfügbar. Bitte wählen Sie aus den
 msgid "View Options"
 msgstr "Optionen ansehen"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "Optionen für %s ansehen"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Mindestmenge"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Preis"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Beschriftung (optional)"
--- a/languages/wc-tier-package-prices-de_CH_informal.mo
+++ b/languages/wc-tier-package-prices-de_CH_informal.mo
--- a/languages/wc-tier-package-prices-de_CH_informal.po
+++ b/languages/wc-tier-package-prices-de_CH_informal.po
@@ -240,6 +240,20 @@ msgstr "Die Menge %1$d ist für %2$s nicht verfügbar. Bitte wähle aus den verf
 msgid "View Options"
 msgstr "Optionen ansehen"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "Optionen für %s ansehen"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Mindestmenge"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Preis"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Beschriftung (optional)"
--- a/languages/wc-tier-package-prices-de_DE.mo
+++ b/languages/wc-tier-package-prices-de_DE.mo
--- a/languages/wc-tier-package-prices-de_DE.po
+++ b/languages/wc-tier-package-prices-de_DE.po
@@ -240,6 +240,20 @@ msgstr "Die Menge %1$d ist für %2$s nicht verfügbar. Bitte wählen Sie aus den
 msgid "View Options"
 msgstr "Optionen ansehen"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "Optionen für %s ansehen"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Mindestmenge"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Preis"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Beschriftung (optional)"
--- a/languages/wc-tier-package-prices-de_DE_informal.mo
+++ b/languages/wc-tier-package-prices-de_DE_informal.mo
--- a/languages/wc-tier-package-prices-de_DE_informal.po
+++ b/languages/wc-tier-package-prices-de_DE_informal.po
@@ -240,6 +240,20 @@ msgstr "Die Menge %1$d ist für %2$s nicht verfügbar. Bitte wähle aus den verf
 msgid "View Options"
 msgstr "Optionen ansehen"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "Optionen für %s ansehen"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Mindestmenge"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Preis"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Beschriftung (optional)"
--- a/languages/wc-tier-package-prices-en_US.mo
+++ b/languages/wc-tier-package-prices-en_US.mo
--- a/languages/wc-tier-package-prices-en_US.po
+++ b/languages/wc-tier-package-prices-en_US.po
@@ -240,6 +240,20 @@ msgstr "The quantity %1$d is not available for %2$s. Please choose from the avai
 msgid "View Options"
 msgstr "View Options"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "View options for %s"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Min Quantity"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Price"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Label (optional)"
--- a/languages/wc-tier-package-prices-fr_CH.mo
+++ b/languages/wc-tier-package-prices-fr_CH.mo
--- a/languages/wc-tier-package-prices-fr_CH.po
+++ b/languages/wc-tier-package-prices-fr_CH.po
@@ -240,6 +240,20 @@ msgstr "La quantité %1$d n'est pas disponible pour %2$s. Veuillez choisir parmi
 msgid "View Options"
 msgstr "Voir les options"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "Voir les options pour %s"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Quantité minimale"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Prix"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Étiquette (optionnel)"
--- a/languages/wc-tier-package-prices-it_CH.mo
+++ b/languages/wc-tier-package-prices-it_CH.mo
--- a/languages/wc-tier-package-prices-it_CH.po
+++ b/languages/wc-tier-package-prices-it_CH.po
@@ -240,6 +240,20 @@ msgstr "La quantità %1$d non è disponibile per %2$s. Si prega di scegliere tra
 msgid "View Options"
 msgstr "Visualizza opzioni"

-#: includes/class-wc-tpp-frontend.php:178
-msgid "View options for %s"
-msgstr "Visualizza opzioni per %s"
+
+#: includes/class-wc-tpp-product-meta.php:36
+#: includes/class-wc-tpp-product-meta.php:140
+msgid "Min Quantity"
+msgstr "Quantità minima"
+
+#: includes/class-wc-tpp-product-meta.php:37
+#: includes/class-wc-tpp-product-meta.php:141
+#: includes/class-wc-tpp-product-meta.php:164
+msgid "Price"
+msgstr "Prezzo"
+
+#: includes/class-wc-tpp-product-meta.php:38
+#: includes/class-wc-tpp-product-meta.php:142
+#: includes/class-wc-tpp-product-meta.php:165
+msgid "Label (optional)"
+msgstr "Etichetta (facoltativo)"
--- a/releases/wc-tier-and-package-prices-1.1.22.zip
+++ b/releases/wc-tier-and-package-prices-1.1.22.zip
--- a/releases/wc-tier-and-package-prices-1.1.22.zip.md5
+++ b/releases/wc-tier-and-package-prices-1.1.22.zip.md5
@@ -0,0 +1 @@
+7d5a5c7980a91dff5167c90a6f3290b0  wc-tier-and-package-prices-1.1.22.zip
--- a/releases/wc-tier-and-package-prices-1.1.22.zip.sha256
+++ b/releases/wc-tier-and-package-prices-1.1.22.zip.sha256
@@ -0,0 +1 @@
+f94dee838a3f288b4acb3b3d9a4e88ef987f9b1bc918403186014d8d43fee6d9  wc-tier-and-package-prices-1.1.22.zip
--- a/releases/wc-tier-and-package-prices-1.2.0.zip
+++ b/releases/wc-tier-and-package-prices-1.2.0.zip
--- a/releases/wc-tier-and-package-prices-1.2.0.zip.md5
+++ b/releases/wc-tier-and-package-prices-1.2.0.zip.md5
@@ -0,0 +1 @@
+cee7ab535938b4096f225f0e0640c9b7  wc-tier-and-package-prices-1.2.0.zip
--- a/releases/wc-tier-and-package-prices-1.2.0.zip.sha256
+++ b/releases/wc-tier-and-package-prices-1.2.0.zip.sha256
@@ -0,0 +1 @@
+b9cda03ef4ae8994e34fc1a6d8768e9c0a088461d795c5e79cb51f670c93d0b0  wc-tier-and-package-prices-1.2.0.zip
--- a/templates/admin/package-row.twig
+++ b/templates/admin/package-row.twig
@@ -4,33 +4,34 @@
 # @package WC_Tier_Package_Prices
 # @var int index
 # @var array package
+ # @var string field_prefix (optional) - Prefix for field names (for variations)
 #}
-<div class="wc-tpp-package-row">
-    <p class="form-field">
-        <label>{{ 'Quantity'|__('wc-tier-package-prices') }}</label>
+{% set name_prefix = field_prefix is defined ? field_prefix : '_wc_tpp_packages' %}
+<tr class="wc-tpp-package-row">
+    <td>
        <input type="number"
-               name="_wc_tpp_packages[{{ index|esc_attr }}][qty]"
+               name="{{ name_prefix }}[{{ index|esc_attr }}][qty]"
               value="{{ package.qty|default('')|esc_attr }}"
               placeholder="{{ 'e.g., 10'|__('wc-tier-package-prices') }}"
               min="1"
               step="1"
               class="short">
-    </p>
-    <p class="form-field">
-        <label>{{ 'Fixed Price'|__('wc-tier-package-prices') }}</label>
+    </td>
+    <td>
        <input type="text"
-               name="_wc_tpp_packages[{{ index|esc_attr }}][price]"
+               name="{{ name_prefix }}[{{ index|esc_attr }}][price]"
               value="{{ package.price|default('')|esc_attr }}"
               placeholder="{{ 'e.g., 99.99'|__('wc-tier-package-prices') }}"
               class="short wc_input_price">
-    </p>
-    <p class="form-field">
-        <label>{{ 'Label (Optional)'|__('wc-tier-package-prices') }}</label>
+    </td>
+    <td>
        <input type="text"
-               name="_wc_tpp_packages[{{ index|esc_attr }}][label]"
+               name="{{ name_prefix }}[{{ index|esc_attr }}][label]"
               value="{{ package.label|default('')|esc_attr }}"
               placeholder="{{ 'e.g., Starter Pack'|__('wc-tier-package-prices') }}"
-               class="short">
-    </p>
-    <button type="button" class="button wc-tpp-remove-package">{{ 'Remove'|__('wc-tier-package-prices') }}</button>
-</div>
+               class="regular">
+    </td>
+    <td>
+        <button type="button" class="button wc-tpp-remove-package">{{ 'Remove'|__('wc-tier-package-prices') }}</button>
+    </td>
+</tr>
--- a/templates/admin/tier-row.twig
+++ b/templates/admin/tier-row.twig
@@ -4,33 +4,34 @@
 # @package WC_Tier_Package_Prices
 # @var int index
 # @var array tier
+ # @var string field_prefix (optional) - Prefix for field names (for variations)
 #}
-<div class="wc-tpp-tier-row">
-    <p class="form-field">
-        <label>{{ 'Minimum Quantity'|__('wc-tier-package-prices') }}</label>
+{% set name_prefix = field_prefix is defined ? field_prefix : '_wc_tpp_tiers' %}
+<tr class="wc-tpp-tier-row">
+    <td>
        <input type="number"
-               name="_wc_tpp_tiers[{{ index|esc_attr }}][min_qty]"
+               name="{{ name_prefix }}[{{ index|esc_attr }}][min_qty]"
               value="{{ tier.min_qty|default('')|esc_attr }}"
               placeholder="{{ 'e.g., 10'|__('wc-tier-package-prices') }}"
               min="1"
               step="1"
               class="short">
-    </p>
-    <p class="form-field">
-        <label>{{ 'Price per Unit'|__('wc-tier-package-prices') }}</label>
+    </td>
+    <td>
        <input type="text"
-               name="_wc_tpp_tiers[{{ index|esc_attr }}][price]"
+               name="{{ name_prefix }}[{{ index|esc_attr }}][price]"
               value="{{ tier.price|default('')|esc_attr }}"
               placeholder="{{ 'e.g., 9.99'|__('wc-tier-package-prices') }}"
               class="short wc_input_price">
-    </p>
-    <p class="form-field">
-        <label>{{ 'Label (Optional)'|__('wc-tier-package-prices') }}</label>
+    </td>
+    <td>
        <input type="text"
-               name="_wc_tpp_tiers[{{ index|esc_attr }}][label]"
+               name="{{ name_prefix }}[{{ index|esc_attr }}][label]"
               value="{{ tier.label|default('')|esc_attr }}"
               placeholder="{{ 'e.g., Wholesale'|__('wc-tier-package-prices') }}"
-               class="short">
-    </p>
-    <button type="button" class="button wc-tpp-remove-tier">{{ 'Remove'|__('wc-tier-package-prices') }}</button>
-</div>
+               class="regular">
+    </td>
+    <td>
+        <button type="button" class="button wc-tpp-remove-tier">{{ 'Remove'|__('wc-tier-package-prices') }}</button>
+    </td>
+</tr>
--- a/templates/frontend/pricing-table.twig
+++ b/templates/frontend/pricing-table.twig
@@ -5,13 +5,14 @@
 # @var object product
 # @var array tiers
 # @var array packages
+ # @var bool restrict_to_packages
 #}
 <div class="wc-tpp-pricing-container">
-    {% if tiers is not empty and get_option('wc_tpp_enable_tier_pricing') == 'yes' %}
+    {% if tiers is not empty %}
        {% include 'frontend/tier-pricing-table.twig' with {'product': product, 'tiers': tiers} %}
    {% endif %}

-    {% if packages is not empty and get_option('wc_tpp_enable_package_pricing') == 'yes' %}
+    {% if packages is not empty %}
        {% include 'frontend/package-pricing-display.twig' with {'packages': packages, 'restrict_to_packages': restrict_to_packages|default(false)} %}
    {% endif %}
 </div>
--- a/wc-tier-and-package-prices.php
+++ b/wc-tier-and-package-prices.php
@@ -4,7 +4,7 @@
 * Plugin Name: WooCommerce Tier and Package Prices
 * Plugin URI: https://src.bundespruefstelle.ch/magdev/wc-tier-package-prices
 * Description: Add tier pricing and package prices to WooCommerce products with configurable quantities at fixed prices
- * Version: 1.1.21
+ * Version: 1.2.3
 * Author: Marco Graetsch
 * Author URI: https://src.bundespruefstelle.ch/magdev
 * Text Domain: wc-tier-package-prices
@@ -23,7 +23,7 @@ if (!defined('ABSPATH')) {

 // Define plugin constants
 if (!defined('WC_TPP_VERSION')) {
-    define('WC_TPP_VERSION', '1.1.21');
+    define('WC_TPP_VERSION', '1.2.3');
 }
 if (!defined('WC_TPP_PLUGIN_DIR')) {
    define('WC_TPP_PLUGIN_DIR', plugin_dir_path(__FILE__));
Author	SHA1	Message	Date
magdev	04eba21521	Release version 1.2.3 - Admin UI styling improvements Fixed two admin UI bugs: - Applied borderless table styling to all tier/package tables for consistency - Fixed checkbox tooltip display and improved checkbox-label spacing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-29 21:06:25 +01:00
magdev	ef314e36bc	Release version 1.2.2 - Admin UI bugfixes for variations Fixed three bugs in variation pricing interface: - Removed table borders for variation pricing to match WooCommerce UI style - Added missing translations (Min Quantity, Price, Label) to all language files - Fixed restrict_to_packages checkbox rendering in variation fields 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-29 20:53:23 +01:00
magdev	415f39e826	Update .gitignore for local development files 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-29 20:28:45 +01:00
magdev	6733ca5f98	Release version 1.2.1 - Critical bugfixes for v1.2.0 Fixed two critical bugs introduced in v1.2.0: 1. Admin UI table structure mismatch - CSS still had flexbox styling from old template structure, breaking new table layout. Updated admin.css to properly style table rows with standard table cell padding. 2. Frontend pricing display not showing - Template was checking global enable settings before display. Removed those checks so pricing shows if configured on product AND display setting is enabled. Files changed: - wc-tier-and-package-prices.php - Version bump to 1.2.1 - composer.json - Version bump to 1.2.1 - CLAUDE.md - Updated version and documented fixes - CHANGELOG.md - Added detailed v1.2.1 entry with root cause analysis - assets/css/admin.css - Fixed table styling (removed flexbox) - templates/frontend/pricing-table.twig - Removed global enable checks 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-29 20:28:28 +01:00
magdev	00c5b87aac	Add wordpress symlink to gitignore 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-29 20:02:58 +01:00
magdev	87784f467a	Release version 1.2.0 - Add complete variable product support This major feature release adds full support for WooCommerce variable products with variation-level pricing configuration. ## Key Features - Each product variation can have independent tier and package pricing - AJAX-based dynamic pricing table loading on variation selection - Admin UI integrated into WooCommerce variation panels - Full backward compatibility with existing simple product functionality - WooCommerce Blocks compatibility maintained ## Implementation Highlights - Effective ID pattern throughout codebase for variation handling - Variation-specific meta boxes with field prefix support - Template system updated to support both simple and variation products - JavaScript enhancements for variation selector integration - Cart logic updated to handle variation pricing correctly ## Files Changed - Core: wc-tier-and-package-prices.php (version 1.2.0), composer.json - Cart: includes/class-wc-tpp-cart.php (effective ID logic) - Frontend: includes/class-wc-tpp-frontend.php (AJAX endpoint, variation detection) - Admin: includes/class-wc-tpp-product-meta.php (variation hooks and methods) - Templates: templates/admin/.twig (field prefix support, table structure) - JavaScript: assets/js/.js (variation support) - Documentation: CHANGELOG.md, README.md, CLAUDE.md 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-29 20:02:03 +01:00
magdev	45a89fc693	Add Claude Code workflow improvements and git permissions - Added finish-session command to guide end-of-session workflow - Updated settings.local.json with git checkout and rebase permissions - The finish-session command instructs AI to update CLAUDE.md with learnings - Added git workflow commands to auto-approval list for smoother operations 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-23 17:16:11 +01:00
magdev	f530b37285	Update CLAUDE.md with v1.1.22 release learnings and best practices - Added detailed release package creation instructions - Documented correct zip command execution from parent directory - Added comprehensive verification steps for release packages - Included complete Git workflow for releases (dev → main → tag → push) - Added common pitfalls and solutions section - Documented WooCommerce CSS classes for admin UI - Added Twig template modification guidelines - Included complete release workflow summary with time estimates These updates will help future AI assistants avoid common mistakes when creating releases, especially around package creation and Git workflows. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-23 17:09:46 +01:00
magdev	1e6d86ca10	Release version 1.1.22 - UI improvements and bug documentation - Increased width of label input fields in admin (short → regular) - Documented double-install bug workaround in CHANGELOG - Updated version to 1.1.22 across all files - Created release package with proper exclusions 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2025-12-23 14:33:42 +01:00
				`@@ -0,0 +1 @@`
				`7d5a5c7980a91dff5167c90a6f3290b0 wc-tier-and-package-prices-1.1.22.zip`
				`@@ -0,0 +1 @@`
				`f94dee838a3f288b4acb3b3d9a4e88ef987f9b1bc918403186014d8d43fee6d9 wc-tier-and-package-prices-1.1.22.zip`
				`@@ -0,0 +1 @@`
				`cee7ab535938b4096f225f0e0640c9b7 wc-tier-and-package-prices-1.2.0.zip`
				`@@ -0,0 +1 @@`
				`b9cda03ef4ae8994e34fc1a6d8768e9c0a088461d795c5e79cb51f670c93d0b0 wc-tier-and-package-prices-1.2.0.zip`