Merge the wp_list_pages() list with a list of Shopp storefront categories for a seamless menu.

WordPress Page Navigation With Shopp Categories

WordPress Page Navigation With Shopp Categories

Here is a quicky on how to “merge” the WordPress page list with a the list of your Shopp categories.

This is largely unnecessary with the advent of WordPress menus, but some may still find the approach useful.

The primary issue in gluing these lists together is turning off the wrapper in the Shopp category list. Here’s how it’s done:

    <?php wp_list_pages('title_li='); ?>
    <?php shopp('storefront.category-list','wraplist=no&hierarchy=true'); ?>

Note that the structure of the lists can be combined, but Shopp uses different CSS classes for the categories compared to what WordPress uses for each page.

The CSS between the two lists differs slightly. This is primarily a naming issue as the WordPress function is designed to add classes for “page” entries while Shopp is addressing “category” entries.

There you go, an easy problem to solve when you know how.


Jonathan was born at an early age and began designing and developing shortly after. He is the founder of Ingenesis Limited and Project Lead on the Shopp e-commerce plugin for WordPress. He lives and works in the heart of the midwest US with his family. He fancies himself a designer of code, and is only slightly addicted to coffee.

You must be logged in to post a comment.

© Ingenesis Limited. Shopp™ is a registered trademark of Ingenesis Limited.