Assets (CSS, JS, Images)
CruiseAppy uses a variety of static assets to deliver a modern, responsive, and interactive user experience for both customers and administrators. These assets are organized for maintainability and performance, as outlined in the plugin source and technical specification.
CSS
- Located in the
css/directory. - Includes stylesheets for frontend booking forms, search results, admin dashboards, and custom widgets.
- Supports responsive design and accessibility standards.
- Can be extended or overridden via WordPress theme integration.
JavaScript
- Located in the
js/directory. - Powers interactive UI elements such as dynamic search filters, booking steps, AJAX requests, and modal dialogs.
- Handles client-side validation and enhances user experience.
- Integrates with WordPress AJAX endpoints and REST API for real-time updates.
Images
- Located in the
img/directory. - Includes icons, ship images, cabin photos, and branding assets.
- Used in cruise listings, itinerary details, and throughout the booking flow.
- Optimized for fast loading and responsive display.
Fonts
- Custom fonts are stored in the
fonts/directory. - Enhance branding and readability across the plugin UI.
Asset Management
- Assets are versioned and enqueued using WordPress best practices to prevent caching issues.
- Minification and bundling are supported for production environments.
- Asset paths and URLs are configurable via plugin settings or constants.
Note: For custom branding or UI customization, assets can be replaced or extended by placing files in the appropriate directories and updating references in templates or settings.