A 1 App Builders
🎨 Color Settings
This admin panel page allows administrators to manage and customize color options available as product attributes. Colors are stored with their names, hex codes, and optional descriptions, making them available for customers to select when purchasing products (e.g., shirt color, car paint color).
🔍 How It Works
- Edit Existing Colors: View all currently available colors in a table with color previews, names, hex codes, and descriptions.
- Color Preview: Each row displays a visual preview square showing the actual color based on its hex code.
- Inline Editing: Administrators can modify color names, hex codes, and descriptions directly in the table rows.
- Add New Color: Enter a color name, hex code, and optional description in the form below the existing colors table.
- Color Preview Button: A "Preview" button allows administrators to see the exact color before saving.
- Delete Colors: Each color row includes a red delete button to remove unused colors.
- Save All Changes: A single "Save All Changes" button commits all edits and new entries to the database.
📊 Current Color Palette
The system currently includes 9 colors: Red (#FF0000), Blue (#0000FF), Green (#008000), Black (#000000), White (#FFFFFF), Yellow (#FFFF00), Purple (#800080), Pink (#FFC0CB), and Gray (#808080).
🛍️ Product Integration
These colors are used as product attributes during the product creation/editing process, allowing customers to choose from predefined color options in the shopping cart and checkout flow.
Policy:
All upgrades are free.
This is a try-before-you-buy product; no refunds are issued after purchase.