# Pricing Page Tooltips Rollback Procedure

**Last Updated:** 2026-03-03

## Overview

This document provides rollback procedures if the tooltip implementation needs to be reverted.

## Files Changed

### New Files (Can be deleted)
- `v2/components/pricing-feature-tooltip.php`
- `v2/css/pricing-tooltips.css`
- `v2/css/pricing-tooltips.min.css`
- `v2/js/pricing-tooltips.js`
- `v2/js/pricing-tooltips.min.js`
- `docs/guides/pricing-page-tooltips.md`
- `.cursor/rules/pricing-tooltips.mdc`

### Modified Files (Need restoration)
- `v2/sections/pricing-card-modern.php` - Reverted to inline descriptions
- `v2/pages/static_pricing.php` - Removed CSS/JS includes
- `.cursor/rules/pricing-page-copy.mdc` - Removed tooltip references
- `docs/content/pages/static-pages/pricing-documentation.md` - Removed tooltip section
- `minify-assets.js` - Removed pricing-tooltips entries

## Rollback Steps

### Step 1: Restore pricing-card-modern.php

Replace tooltip component usage with inline descriptions:

**For Starter features (lines 178-184):**
```php
<?php foreach ($plan['features_base'] as $feature): ?>
    <li class="flex items-start">
        <?php include __DIR__ . '/pricing-feature-icon.php'; ?>
        <div class="ml-2 sm:ml-3 flex-1 min-w-0 flex flex-col">
            <div class="flex items-center gap-2 flex-wrap">
                <span class="text-sm sm:text-base text-gray-700 font-medium">
                    <?= htmlspecialchars($feature['text']) ?>
                </span>
                <!-- Platform icons if needed -->
            </div>
            <?php if (isset($feature['description'])): ?>
                <span class="text-xs sm:text-sm text-gray-500 mt-0.5 leading-relaxed">
                    <?= htmlspecialchars($feature['description']) ?>
                </span>
            <?php endif; ?>
        </div>
    </li>
<?php endforeach; ?>
```

**Repeat for Plus and Pro features** (similar structure)

### Step 2: Remove CSS/JS includes from static_pricing.php

Remove these lines:
```php
<!-- Pricing Page Tooltips CSS -->
<link rel="stylesheet" href="/v2/css/pricing-tooltips.min.css?v=...">

<!-- Pricing Page Tooltips JavaScript -->
<script src="/v2/js/pricing-tooltips.min.js?v=..."></script>
```

### Step 3: Remove from minify script

Remove from `minify-assets.js`:
- `"v2/css/pricing-tooltips.css",`
- `"v2/js/pricing-tooltips.js",`

### Step 4: Delete new files

```bash
rm v2/components/pricing-feature-tooltip.php
rm v2/css/pricing-tooltips.css
rm v2/css/pricing-tooltips.min.css
rm v2/js/pricing-tooltips.js
rm v2/js/pricing-tooltips.min.js
```

### Step 5: Restore documentation

Revert changes to:
- `.cursor/rules/pricing-page-copy.mdc`
- `docs/content/pages/static-pages/pricing-documentation.md`

### Step 6: Verify

1. Check `/preise` page loads correctly
2. Verify feature descriptions display inline
3. Test pricing toggle functionality
4. Verify no JavaScript errors in console

## Quick Rollback (Git)

If using git:

```bash
# Restore modified files
git checkout HEAD -- v2/sections/pricing-card-modern.php
git checkout HEAD -- v2/pages/static_pricing.php
git checkout HEAD -- minify-assets.js
git checkout HEAD -- .cursor/rules/pricing-page-copy.mdc
git checkout HEAD -- docs/content/pages/static-pages/pricing-documentation.md

# Delete new files
git rm v2/components/pricing-feature-tooltip.php
git rm v2/css/pricing-tooltips.css
git rm v2/css/pricing-tooltips.min.css
git rm v2/js/pricing-tooltips.js
git rm v2/js/pricing-tooltips.min.js
git rm docs/guides/pricing-page-tooltips.md
git rm .cursor/rules/pricing-tooltips.mdc
```

## Testing After Rollback

- [ ] Page loads without errors
- [ ] Feature descriptions display inline
- [ ] Pricing toggle works
- [ ] All CTAs functional
- [ ] No console errors
- [ ] Mobile responsive