WooCommerce Products Display

[Matt]

Bill,

I just noticed on my products page that there are two blank spaces for products to go, but for some reason they are showing on another page. Not sure why there is a gap in the product line. I figured Woocommerce would show all 9 then go to the next page. Any ideas why this would happen?

Attachments:

1. 

   Screen-Shot-2015-01-15-at-9.18.09-PM.png
   

[Bill Robbins]

Hey Matt,

There is a WooCommerce filter that sets how many products are displayed per page. You can find it at http://docs.woothemes.com/document/change-number-of-products-displayed-per-page/

There is also a plugin called WooCommerce Product Archive Customizer (http://wordpress.org/plugins/woocommerce-product-archive-customiser/) that indicates it will let you make that change. I haven’t tested it out, but that would be a good place to start.

The WooCommerce documentation is really pretty good if you have to start adjusting any of it’s functions.

Take care,
Bill

[Matt]

I will take a look. Thanks.

One more thing I would like to ask in this post.

I decided to show product categories instead of products and categories in the Shop page. So when I do that there are no images in the place holders. I realized I need to add a thumbnail to the category so it will display.

The issue… When I do that it puts the thumbnail in category when I click on the category it opens the product page and the Hero section has the thumbnail blown up in it with the cat. name. I just want the products to show. Because I cannot edit the individual product page templates I’m not sure how to control that. Have you run in to this before? I don’t have an example on my site because I want to see if there is a solution before I change it back.

Matt

[Bill Robbins]

Hey Matt on a product category archive, if there is an image assigned to it, it’ll display in the hero section.

You can hide the hero in category archives. There are a couple of posts in the forum about that if you’ll look back through (I’m not at my computer right now).

[Bill Robbins]

I will say, you might consider using the hero images there though. On my site, those pages have a 96% conversion rate.

[Matt]

I see. I’m not sure if this correct, but I uploaded my 500×500 product image to show as the category. It fits the place holder (which also make it too small for the Hero). It’s like I need a completely different size images for the category archives (same as Hero). Are your category archive thumbnails the size of your Hero?

I looked through on the forum before I asked, but only saw one place where someone was asking how to hide the category, not necessarily the Hero for the category. I agree it prob would be better to have the image. I’m just having trouble finding one to fit 150×150 and 2400×1920 at the same time. I am limited in my selection of images. I can set up an example so you can see. Plus I guess there no way to change the Hero Title either. It appears in white on left-aligned.

Thanks again for your help on this!

[Bill Robbins]

Good Morning Matt,

Here’s one of the posts about hiding the hero image on product categories: https://support.organizedthemes.com/forums/topic/hide-hero-image/#post-25303

They do have to be the same image, so you can’t specify one for the shop page and another for the hero.

If you want greater flexibility, you can create an actual page in WordPress and then use the product category shortcode that’s in WooCommerce (http://docs.woothemes.com/document/woocommerce-shortcodes/) to display the products in the category. You can always add a redirect so that anyone who lands on the category is directed to the page where you have more control over things.

Have a great weekend,
Bill

[Matt]

Thanks Bill. I did some more in depth searching this AM and was able to find two posts.

One regarding Changing the Color of the Hero Text for Category Page as well as removing the Category Title if they prefer one over the other and one similar to the one above regarding the Category Hero image. I guess Forum post Titles and tags have to be specific when other post them or I just need to learn how to search them LOL.

You gave them the snippet below at https://support.organizedthemes.com/forums/topic/product-catalog/

.tax-product_cat #hero-section {
display: none;
}

body.image.tax-product_cat .wrap {
margin-top: 150px;
}

They both seem to work.

Thanks again for your AWESOME SUPPORT! As always you provide top-notch service unmatched by any that I know of. You are a great person.

Have a wonderful weekend too! 🙂

Thank You!
Matt

[Bill Robbins]

Anytime Matt 🙂

[Author]

Posts