# Pricing Components Audit Report **Last Updated:** 2026-03-05 ## Overview This document audits all pages using pricing components and documents their dependencies, component usage, and CSS/JS requirements. ## Component Types ### 1. `pricing-card-modern.php` (Modern Component) **Dependencies:** - CSS: `pricing-page.min.css` (required) - CSS: `pricing-tooltips.min.css` (required - for tooltip functionality) - JS: `pricing-page.min.js` (required) - JS: `pricing-tooltips.min.js` (required - for tooltip interactions) **Features:** - Uses `pricing-feature-tooltip.php` component - WCAG 2.2 compliant tooltips - Modern design matching `/preise` page ### 2. `pricing-card.php` (Legacy Component) **Dependencies:** - CSS: `pricing-page.min.css` (optional, may use other CSS) - JS: `pricing-page.min.js` (optional) **Features:** - Legacy design - Does NOT use tooltips - Does NOT require `pricing-tooltips.min.css` or `pricing-tooltips.min.js` ## Pages Using `pricing-card-modern.php` ### ✅ Fixed Pages 1. **`static_pricing_new.php`** (`/preise`) - **WORKING** - CSS: `pricing-page.min.css` ✅ - CSS: `pricing-tooltips.min.css` ✅ - JS: `pricing-page.min.js` ✅ - JS: `pricing-tooltips.min.js` ✅ - Status: All dependencies included, working correctly 2. **`paid_nonbrand.php`** (`/gastro`) - **FIXED** - CSS: `pricing-page.min.css` ✅ - CSS: `pricing-tooltips.min.css` ✅ (added 2026-03-05) - JS: `pricing-page.min.js` ✅ - JS: `pricing-tooltips.min.js` ✅ (added 2026-03-05) - Status: Fixed - all dependencies now included 3. **`paid_schichtbetriebe.php`** (`/schichtbetriebe`) - **FIXED** - CSS: `pricing-page.min.css` ✅ - CSS: `pricing-tooltips.min.css` ✅ (added 2026-03-05) - JS: `pricing-page.min.js` ✅ - JS: `pricing-tooltips.min.js` ✅ (added 2026-03-05) - Status: Fixed - all dependencies now included ## Pages Using `pricing-card.php` (Legacy) ### ✅ Legacy Pages (No Tooltips Required) 1. **`static_pricing.php`** (legacy file; **not** canonical `/preise` — live is `static_pricing_new.php`) - Component: `pricing-card.php` (legacy) - CSS: Uses `pricing-page.min.css` ✅ - JS: Uses `pricing-page.min.js` ✅ - Status: Legacy component, no tooltips needed 2. **`landingpage.php`** (Legacy homepage / param LP — not canonical `/`; root uses `start-v2.php`) - Component: `pricing-card.php` (legacy) - CSS: May use different CSS - JS: May use different JS - Status: Legacy component, no tooltips needed 3. **`landingpage_v3.php`** (Homepage v3) - Component: `pricing-card.php` (legacy) - CSS: May use different CSS - JS: May use different JS - Status: Legacy component, no tooltips needed 4. **`kostenlos-testen.php`** (`/kostenlos-testen`) - Component: `pricing-card.php` (legacy) - CSS: May use different CSS - JS: May use different JS - Status: Legacy component, no tooltips needed 5. **`kostenlos_testen_neu.php`** (`/kostenlos-testen` - new version) - Component: `pricing-card.php` (legacy) - CSS: May use different CSS - JS: May use different JS - Status: Legacy component, no tooltips needed ## Component Usage Summary | Page | Component | Tooltips CSS/JS Required | Status | |------|-----------|-------------------------|--------| | `/preise` (new) | `pricing-card-modern.php` | ✅ Yes | ✅ Working | | `/gastro` | `pricing-card-modern.php` | ✅ Yes | ✅ Fixed | | `/schichtbetriebe` | `pricing-card-modern.php` | ✅ Yes | ✅ Fixed | | `/preise` (old) | `pricing-card.php` | ❌ No | ✅ Legacy | | Homepage | `pricing-card.php` | ❌ No | ✅ Legacy | | `/kostenlos-testen` | `pricing-card.php` | ❌ No | ✅ Legacy | ## Required CSS/JS Includes for `pricing-card-modern.php` ### CSS (in `` section): ```php ``` ### JavaScript (before closing `` tag): ```php ``` ## Validation Checklist When adding `pricing-card-modern.php` to a new page: - [ ] Include `pricing-page.min.css` in `` - [ ] Include `pricing-tooltips.min.css` in `` - [ ] Include `pricing-page.min.js` before `` - [ ] Include `pricing-tooltips.min.js` before `` - [ ] Use `media="print" onload="this.media='all'"` pattern for CSS - [ ] Include `