Reorganize settings page and add modal customization options#4
Merged
KONFeature merged 4 commits intomainfrom Jul 24, 2025
Merged
Reorganize settings page and add modal customization options#4KONFeature merged 4 commits intomainfrom
KONFeature merged 4 commits intomainfrom
Conversation
- Reordered sections: Website Info → Customisations → Advanced Config → Purchase Tracking - Merged WooCommerce and Webhook sections into unified "Purchase Tracking" section - Renamed "Floating Button" to "Customisations" with subsection structure - Added automatic WooCommerce detection with visual status indicator - Implemented consistent styling with clear section boundaries and visual hierarchy - Added responsive CSS for better mobile experience 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Added modal language selector (Default/English/French) - Added custom i18n translations table for modal text overrides - Added logo file upload functionality with preview - Moved floating button position from advanced config to direct dropdown - Updated config generation to match PrestaShop structure with i18n support - Added consistent styling for new form elements - Auto-detects and enables WooCommerce tracking when plugin is active Note: Sharing button configuration removed, will be implemented as separate WordPress component 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Added real-time updates of i18n object when translation fields change - Collected i18n values from input fields dynamically - Updated logo URL replacement to handle let declaration format - Added input event handlers for all i18n translation fields Users now see their custom translations immediately reflected in the advanced configuration textarea. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Created dedicated endpoint (/frak-config.js) for serving configuration - Removed inline JavaScript injection from every page - Added smart caching with ETag validation and 304 responses - Implemented cache busting via version parameter (config hash) - Added optional JavaScript minification for production - Integrated with popular caching plugins (WP Rocket, W3TC, etc.) - Added proper cache headers including CORS support - Config now cacheable by browsers, CDNs, and caching plugins Benefits: - Better performance with separate cacheable config file - Reduced page size (no inline JS) - Cache-friendly for aggressive caching strategies - Only config endpoint needs clearing on changes - Easy debugging via direct endpoint access 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Changes Made
Settings Page Reorganization
New Features Added
Technical Improvements
Note
Sharing button configuration has been removed as it will be implemented as a separate WordPress component for the theme editor.
Test Plan
🤖 Generated with Claude Code