Custom Header & Tour (project) Search Functionality
-
We are building a travel/tour website for a client using Lay Theme, but we’ve reached limitations with its native header and layout options. We now need custom development to replicate features commonly found in dedicated WordPress travel/tour themes.
Project Requirements
-
Custom Homepage Header Section
We would like to implement a bespoke header hero area on the homepage to replace/extend the standard Lay Theme header. The goal is to create:
• A full-width slider/hero header showcasing tour categories or featured tours.
• The ability to display tour titles, subtitles, and call-to-action buttons directly on top of each slide.
• Smooth transitions and mobile responsiveness consistent with Lay Theme styling. -
Custom Tour Search Bar / Filter Module
We need a search and filter bar positioned either within the header slider or directly below it.
This should include:
• Dropdown filters (e.g., Destination, Tour Type, Duration, Difficulty, etc.)
• A search field for keywords
• A “Find Tours” or similar CTA button
• Integration with the site’s existing custom post types and taxonomies (we can adapt taxonomies if needed to support your structure)
The functionality should mirror the style and behaviour seen here:
https://peter-roden.com/gomo/
This is a visual reference only; we need a custom-coded version that fits within Lay Theme.-
Compatibility with Lay Theme
Lay Theme is quite minimal and doesn’t natively support complex header layouts or search modules. We therefore need:
• A custom HTML/CSS/JS block or custom plugin that works within Lay Theme’s framework
• Clean, maintainable code that does not break Lay Theme updates
• Optional: A simple backend UI to edit the slider content and filter options -
Performance Considerations
All custom features should:
• Load quickly
• Be fully responsive
• Keep requests lightweight
• Follow best practices for Core Web Vitals
Deliverables
• Custom homepage hero slider (HTML, CSS, JS) integrated with Lay Theme
• Customisable tour search/filter bar
• Backend fields for easy content updates
• Documentation for managing the slider and search module -
-
sure, i can code that!
should the design for the header look exactly like here?
https://peter-roden.com/gomo/can you send me the wp-admin login of the website you built so far?
to armin.unruh@gmail.comthen i can create a estimate for you
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login