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.