Pavilion Foods
A moderate size ecommerce website with a bespoke mega menu, custom recipe pages, and events functionality.
Project highlights
- Integration with existing product / stock management system
- Replacing old eCommerce website - downtime kept to an absolute minimum
- Custom mega menu with multiple layout options, and calculations for colour of parent item background colour on hover
- Custom recipe post type with easy backend customisation
- Event functionality & integration with WooCommerce checkout & ticketing system
The custom mega menu was a challenge to build, it needed to be easily editable so that staff members at Pavilion could make changes as needed. There were also five different options for the dropdown type (plus one non-dropdown - just a link). I also made it so that the hover colour of the parent menu items are selected based on what colour the section underneath it is.
A nice little feature that I am not sure if anyone has actually noticed, is that the tree icon on the header video on the homepage changes depending on the season. There is an icon for winter, spring, summer, and autumn which changes appropriately based on the current month.
The recipes page and sub-pages were fun to build. Recipes are a custom post type and have an easy to follow interface so that they can be added / edited by the Pavilion team as needed. On the recipes list page, I am particularly fond of the recipe difficulty on the right side of the recipe block.
The Cookery School and event sub-pages were another requested feature. I ended up using The Events Calendar plugin which worked perfectly and integrates with the WooCommerce checkout seamlessly, and the Event Calendar: Filters plugin was also utilised to add the custom event filters.