Now that you’ve seen how the MarketPress Product Elements box adds the price and quantity and variations to a page, we’re going to take a look at the next box which is my MarketPress Product List box for Thesis 2. The MarketPress Product List box is very similar to the Thesis Query box except that it is specifically designed for MarketPress and for products so it doesn’t work with anything else and it gives you a whole bunch of new choices that the Query Box doesn’t offer you.
Activate and Add the MarketPress Product List Box
We’re going to activate that Product List here and save the boxes. Then we’re going to come over to the Thesis Skin Editor, let’s refresh that for a second, and I’m going to start off on the front page. If we come down here and add our box, we’ll see there’s a new box that we can add and it is the Product List box.
Choose Different Types of Product Lists to Display
I’m going to call this Featured Products and drag it up into place and I’m going to drop it into the Feature Box area. I called it Featured Products but essentially what this is, it’s a Thesis Query Box that’s focused only on the products post types. You can’t choose anything other than products here but you can choose 5 different types of lists to display.
You can choose Featured Products, Related Products, Popular Products, Product on sale or the default, Recent Products. Now, Recent Products is essentially what the Thesis Query Box can do but it can’t tell whether or not the products on sale are popular or they related or they’re featured but it can show recent products.
Displaying Featured Products
Featured Products is going to show all of those products that you’ve checked as featured. The first thing to do is to choose the list type that you want to display, the second thing is to determine whether or not you want this list to be limited by taxonomy.
So right now, by default it says, “No Taxonomy” but you could choose for example to say, show me all the featured products in a specific product category. So I could choose a taxonomy product type, Product Categories and then I could choose a product category here.
Current Product Categories
Note that if I don’t choose anything, if I leave it like this then it’s just going to be as if I didn’t choose any taxonomy at all. But I can choose Product Categories. What that means is it’s going to ask the page what its current product category is and then it’s going to show featured products from that category.
That works great primarily on taxonomy archive pages. It can also work on product pages. So you could say, show me all the featured products that share the same category as this one does. That’s what Current Product Categories does is that it picks whatever your current product category is.
Because we’re on the front page, there is no product category assigned to it and so it wouldn’t display anything. But you can pick a specific category so you could say, show me the featured products in the Archery category and I’m going to do that right now. Hit save and we’ll take a look at the featured products here on our front page. Right now I’ve got 3 products that are in the Archery category that I have selected as featured and so it’s showing all 3 of those.
Do Not Show Specific Category
I could also choose not to show any specific category, right? If I said, “No Taxonomy” and said, just show me all of the featured products and hit Save, now it’s showing me a couple of others. I’ve got 5 featured products that show up here.
Control Content Shown
Just like the Query Box and the Post Box actually, the content of this can be controlled by what you drag and drop into here. Right now I’ve got a Headline and an Excerpt but I could choose to drag in a Price and a List Buy so if I shift+drag my Price up into here, drop it into place.
My choices that are built into this are the Headline, the Excerpt, the Date, the Content and the WP Featured Image. I’m going to leave these things here except I’m going to bring Price below that. So Headline and Price, Excerpt. And I’m going to add a featured image to this so I’ll grab an Agility Featured Image, drop it into the Featured Products. I want to show the thumbnail, have it be left aligned. We’ll link it to the post, we’ll link this one, we’re going to make it an h3 for that and link the article to the page. We’ve got our price and then I think we also want our List Buy button. Save that template now, we’re getting a little closer there.
So we’ve got a div wrapping that and we take that product image up there, that might solve it entirely. Since the image is taller than everything else that goes in here, it’s stacking up and what we really want to do is add some styling to this but I’m not going to mess around with the styling right now.
Notice that this one here, this has a sale price so it says, “Your Price:” and then $50.00, the $50.00 is scratched out and the regular price is shown, that’s what this can do. I mean when you put the price in and you show a price, if there’s a sale price then it shows the original price marked out plus the sale price.
So this is a way in which you can create a list of featured products that have specific characteristics. This is a full list of featured products but you could also have the more limited list of featured products. In addition to featured products though, you could also choose related products. Related products are particularly useful in the case of a single product page where you want to show all of the products that are related to that product so that’s what we’re going to take a look at next.
Creating a List of Related Products
We’re going to come over here from our Front page and down to our Products page. We’re going to create a new list and this new list is going to be Related Products. You shift+drag Related Products up to here, drop it in the Content Area.
Actually, in the Single Product page, we’re just going to dispose of Post Navigation, Comments Intro, Comments Navigation, Comments and Comment Form. However, we are going to take our Related Products and drop it down here inside this Main Content page and we’re going to put it below the Product Box.
What I’m going to do is show Product Headline and it’s going to be an h3. We’re going to link the article to the page and that’s going to be all we’re going to do for that but then in our options, we will choose Related Products.
Now, if we choose “No Taxonomy”, then it’s going to just choose our Product Categories. We could also choose that it’s going to be the Product Categories or Product Tags. We could also choose Manufacturers, so Manufacturers that are the same. We could choose Current Manufacturers and it’s going to show all the products by the current manufacturer.
What we’re going to do is choose Product Categories. It doesn’t really matter what you pick down here because if you’re using the Related Products and you choose Product Categories, it’s going to choose the Product Categories that are part of the product regardless of what you choose there.
Something I failed to demonstrate so far is that you’ve also got a couple of order by choices here. I’ve got some that are familiar like ID, Title, Date, Modified, Random but you also can order by Price and by Popularity. So if we order by Popularity here for a moment and hit Save Template, we’ll scroll down and here’s what we’ve got: “What Every Stage Performer Should Know”. These are products that share the same product category as this.
Paul asks, “Do these boxes only work with the Agility Skin?”. No, they work with any skin. I haven’t tested it with other people’s skins but I have tested them with Thesis Classic and they work fine. Since they work with Thesis Classic, I assume that work with any skin.
This is giving us Related Products and it’s giving us a Headline. We essentially have this nice little list here and we’ve ordered it by popularity. We could order it by name, just Title in this case and now you see it’s ordered by name instead. So this is Related Products.
Creating a List of Popular Products
Finally, we can also add something like Popular Products to our taxonomy template so let’s go to that and look at our taxonomy template. Let’s go to Archery and in the sidebar, I’m going to add a list of popular products. In fact, maybe we’ll just put it in Archive Intro. We’ll create one more box and we’ll call that Popular Products, shift+drag that into place and drop it into Archive Intro and this time it’s going to be Popular Products.
Now, if we select “No Taxonomy”, what that means is it’s going to choose the most popular products period regardless of the taxonomy. What I want to do is show popular products in this product category. So I’m going to choose Product Categories and then choose Current Product Categories. If I choose to order it by popularity, the most popular ones are going to show up first.
So align by popularity, these are the most popular products in the Archery product list. Let’s just come along here and let’s drag that down below that. And again let’s drag the Excerpt out, take our Headline and make it an h3 and link it to the product itself. You could put a title up there that says, Popular Products.
Now, because we only have a very limited number of product orders, popularity here is based on the number of sales that each product has. And since this is in its testing phase it has a limited number of orders but you can see the power of this where you can create different types of lists.