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
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it