PRIV P54 Pictured Category Menu

Overview

The Pictured Category Menu is inspired by the menu item picture and mega-menu functionality from Sahifa.

The menu shows category picture, category name and if possible, the latest posts/pages.

It is a new plugin based on Pictured Category Light and Pro.
It might be part of Pictured Category Pro, to be discussed

Back-end

Sahifa

Menu settings in Sahifa back-end:

This is a pre-build functionality from Sahifa. We customize it a lot, so we can use for our needs.

Under Appearance -> Menus and when we editing a item in the menu.

There we see the Menu background field. This is the needed functionality. First we upload the picture via Media and get the real link. Then under Mega Menu Background Image field we add the link. And that’s it. The rest is code modifications.

We do not need the full mega menu!! In particular we do not need a different picture in the menu for our category.

Our Design

Back-end functionality in menus:

We use inside the edit menu function.

Front-end functionality

The expected outcome should be similar to what we see on Economicblogs. Our functionality can be a lot easier.

Sahifa:

Sahifa shows category picture and a list of posts. It does not show the name of the category.

Pictured Category Menu when clicking on the Keith Weiner menu item

Our design:
Must have: We want to show category picture and the name of the category together or only one of them.

Nice to have: If not too complicated, we show the latest posts or pages with their featured images.

Question:

Is the mix of text categories and pictured categories allowed in the menu?

Yes, it is allowed

Bugs

Pictured Category Menu must show Author pic, not Category Pic

problem

This is an urgent change, that should be done this week.

In the top left corner you see the associated author of the category Inside Paradeplatz

It was a pic cat bug, where we still show the pic cat, not the author. The problem was in the if statement, but now works fine.

PicCat menu on phone

The pictured category menu looks good on Ipad2 (tested on ecoblogs.ch)