← portfolio / pavilion-foods
tim@dev : ~/portfolio/pavilion-foods $ cat README.md
pavilion-foods.md ·5.8 KB ·edited mar 2023 < 5 / 9 >
---
client: "Pavilion Foods"
year: 2023
role: "sole developer"
stack: ["WordPress", "WooCommerce", "PHP", "JS", "ACF"]
---

# Pavilion Foods.

A feature-rich food eCommerce site with a custom mega menu, recipe post type, event ticketing via WooCommerce, and integration with an existing stock management system.

Pavilion Foods — homepage screenshot

## The brief

The client needed a refresh of an existing WooCommerce website with a cleaner layout, and more user friendly navigation throughout the website. They also needed an event management & booking system, a custom recipes section to be updated in-house, and integration with their existing stock management system to sync product availability and details.

They also wanted a custom mega menu with multiple layout options to select from for each parent item, and for the hover colour of the parent items to be dynamically calculated based on the background colour of the section beneath the header to ensure good contrast and a polished look.

## Scope

  • [x] Integration with existing product / stock management system
  • [x] Custom mega menu with five layout options + dynamic hover colours
  • [x] Custom recipe post type with difficulty ratings
  • [x] Event functionality with WooCommerce checkout + ticketing
  • [x] Seasonal header icon that changes with the month

## Mega menu architecture

The mega menu supports five dropdown layout types (with the ability to add more), each configurable from the WordPress admin using ACF. Parent item hover colours are dynamically calculated based on the background colour of the section beneath the header.

## Gallery

$ wc -w pavilion-foods.md · 212 words · 2 min read EOF