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>

.gitignore

@@ -29,3 +29,6 @@ notes.*
 # OS
 .DS_Store
 ._*
+
+# local code
+wordpress

CHANGELOG.md

@@ -5,6 +5,55 @@ 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

CLAUDE.md

@@ -1,7 +1,7 @@
 # WooCommerce Tier and Package Prices - AI Context Document
 
 **Last Updated:** 2025-12-29
-**Current Version:** 1.2.0
+**Current Version:** 1.2.3
 **Author:** Marco Graetsch
 **Project Status:** Production-ready WordPress plugin
 
@@ -558,7 +558,29 @@ Roadmap for the upcoming development.
 
 #### 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
 

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;
+    /* No special styling needed - standard table row */
-    gap: 15px;
-    align-items: flex-end;
-    padding: 15px;
-    background: #f9f9f9;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    margin-bottom: 10px;
 }
 
-.wc-tpp-tier-row .form-field,
+.wc-tpp-tier-row td,
-.wc-tpp-package-row .form-field {
+.wc-tpp-package-row td {
-    margin: 0;
+    padding: 8px;
-    flex: 1;
+    vertical-align: middle;
-}
-
-.wc-tpp-tier-row label,
-.wc-tpp-package-row label {
-    display: block;
-    font-weight: 600;
-    margin-bottom: 5px;
 }
 
+/* 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;
+}

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.2.0",
+    "version": "1.2.3",
     "type": "wordpress-plugin",
     "license": "GPL-2.0-or-later",
     "authors": [

includes/class-wc-tpp-product-meta.php

@@ -210,7 +210,8 @@ if (!class_exists('WC_TPP_Product_Meta')) {
                     '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'),
-                    'value' => $restrict === 'yes' ? 'yes' : 'no',
+                    'desc_tip' => true,
+                    'value' => $restrict,
                     'cbvalue' => 'yes',
                     'wrapper_class' => 'form-row form-row-full'
                 ));

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "Optionen für %s ansehen"
+#: 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)"

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "Optionen für %s ansehen"
+#: 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)"

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "Optionen für %s ansehen"
+#: 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)"

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "Optionen für %s ansehen"
+#: 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)"

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "View options for %s"
+#: 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)"

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "Voir les options pour %s"
+#: 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)"

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"
+#: includes/class-wc-tpp-product-meta.php:36
-msgstr "Visualizza opzioni per %s"
+#: 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)"

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>

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.2.0
+ * 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.2.0');
+    define('WC_TPP_VERSION', '1.2.3');
 }
 if (!defined('WC_TPP_PLUGIN_DIR')) {
     define('WC_TPP_PLUGIN_DIR', plugin_dir_path(__FILE__));