This video is part of our old WP eStore Course Go to our Updated WP eStore Course for current videos.
In this part of the lesson we’re going to go through the mechanics of creating a large product catalog with these super categories, categories and products. The majority of that work is done inside of WordPress Pages.
Create Top Level Pages
I’ve taken this page that in previous lessons has been called Products in which we had Books and E Books and I’ve now made that our first super category which is called Publications. Then we have the sub pages or the category pages for Books and E Books. Then I created another page for the super category called Tropical Fruit and below that I created sub pages, category pages, for Bananas and Oranges. Finally, I created the super category Washington Fruit and then sub pages of Cherries, Green Apples, Red Apples and Yellow Apples.
That is how we used Pages in order to make this organizational structure for our large product catalog. Now let’s look at how to make these super pages function differently. Remember under Publications right now we have this wp_eStore_list_categories_fancy, which before just listed Books and E Books but now lists everything. Of course, everything doesn’t belong under Publications so we are going to modify it so it only shows Books and E Books within this list.
Use WP eStore Shortcodes to Change the Display
We’re going to start doing that by opening up that shortcode cheat sheet that I made. If you don’t have it ready at hand you can just come over to Lesson 5 and go to this section here to download it. I’ll click Download and there it is and we can just cut and paste the things we want.
The one that we just looked at displays a list of all categories in a stylish way, that’s this wp_eStore_list_categories_fancy, and what we’re going to do instead is we are going to use the wp_eStore_category_fancy_id=1. Then we’ll just do one of those for each of the product categories in our large product catalog.
We’ll copy that over here and bring it to the Publication page, remembering that Books is Category ID 1 and E Books is Category ID 2. Cut this out and instead paste the eStore_fancy_category_id=1 and paste another one and say for that one. Then update. Refresh the page and we end up with only the things that should be under Publications, that is Books and E Books.
Add Category Pages
We’re going to repeat this for all of our other pages. It’s the same code each time so if we come back over here and instead we edit Pages and go down to Tropical Fruit, you can see that we do the same thing and in my case Bananas is Category ID 6 and Oranges is Category ID 8. If you’ve lost track of what your Category IDs are you just come back over here to Categories and look at this. I pasted that code in there with the appropriate things. Come over here to Tropical Fruit, select it and now you can see we’ve got Bananas and Oranges and nothing else.
I did the same thing with Washington Fruit. Select that here we and we have Washington Fruit, Green Apples, Red Apples, Yellow Apples and Cherries. Once we’ve done that we fall under familiar territory. Come back over here to our Pages and look at our Category pages; you’ll remember that in Books for example in the last lesson we used this wp_eStore_category_products:category_id=1: and that was the default or standard listing for category products. All the products within a category is that one right there.
Various WP eStore Shortcodes to Change the Display
We have these two other methods of showing all the products in a category for our large product catalog. One of them was the grid view and the other one was that dark background view and I have applied those to a few of the pages as well.
To look at the grid view go to Bananas and here is this grid view where we have square thumbnails, a nice brief name, the price and an Add to Cart button. Everything is the same size and the whole grid thing works out pretty nicely here. You can see that I’m doing this using a No Sidebars template. Go to Pages and scroll down to Bananas and you can see I used the No Sidebars template which is why I can stretch across to five. If I changed it back to the Default Template and hit Update, Bananas would then go down to three and if I massaged this sizing a little bit maybe it could go to four instead.
In the next lesson, Lesson 7, we’re going to look at how to edit the CSS of these so they can look different. But come back over here to Washington Fruit and look at Green Apples. I put that dark colored background in and we end up with fewer different types of options and a more uniform configuration of things. That pretty much shows you how all these different kinds of categories can be displayed. Here’s our standard ordinary default layout of that in that same kind of configuration and we did the same thing with the Cherries. We did as a grid like that.
Product posts are exactly the same. If you select one of those you come over here to our product post. It’s got a product image and then it’s got all the rest of the information. I haven’t added any Buy Now buttons to this yet and so that isn’t showing up here. But it is in our Publications; here we’ve got all the additional choices with an Add to Cart button and Buy Now buttons, etc. I just didn’t do that with the rest of the Tropical Fruit pages.
That concludes Lesson 6 on how to create a large product catalog using WordPress, Thesis and WP eStore.