How to Show Products by Category in WooCommerce (FULL Walkthrough)

No video

How to Show Products by Category in WooCommerce (FULL Walkthrough)

Рет қаралды 20,921

Күн бұрын

Here's how to show products by category in WooCommerce. In this tutorial, I’ll show you how to create and display categories in 2 unique ways depending on your needs.
Display categories in product tables - barn2.com/word...
Barn2’s helpful guides - barn2.com/kb-c...
Watch our video about shortcodes - • Complete Guide to WooC...
WooCommerce shortcode guide - woocommerce.co...
Research shows that displaying categories makes navigation easier so customers can find what they want faster. Here’s a link to the article that I mentioned.
📃 eCommerce Research from Smashing Magazine - www.smashingma...
Today, I'll demonstrate two methods to display products by category. One uses free shortcodes to create basic listings. The other utilizes our popular WooCommerce Product Table plugin for more advanced display options. I'll also cover how to create and manage your categories, add them to menus, and show them on your shop page.
If you found this video helpful please consider subscribing! We frequently upload WordPress tutorials, plugin reviews, helpful hints, and industry news catered to WordPress users.
👉 View all of our plugins and more helpful resources here: barn2.com/all-...
🔥 Our All Access Pass provides great value for businesses: barn2.com/all-...
❓ Need help or have a question? You can speak with our incredible support team: barn2.com/supp...
Barn2 is the company behind a suite of professional WordPress and WooCommerce plugins. Expertly developed and supported by our friendly team, the plugins serve as solutions to a wide range of problems and enhancements to your WordPress site or WooCommerce store.
👋 Connect with us on Social Media!
Facebook: / barn2plugins
Twitter: / barn2plugins
LinkedIn: / barn2-plugins
Video Chapters:
0:00 Why you need product categories
0:41 What you'll learn in this video
0:52 Step 1, How to create and edit categories
2:38 Step 2, How to add categories to site menu
4:21 Step 3, How to display categories with shortcodes
7:46 How to display categories in a product table
12:47 Final tips

Пікірлер: 42

@Barn2Plugins 11 ай бұрын

What other tutorials would you like to see from us? Leave your requests below!

@arasb3258 Ай бұрын

2:30 this is gold!

@cristianbomboe6989 5 ай бұрын

Unfortunately, after products organized on category appear all products mixed as in original shop page. How to get rid of this?

@Barn2Plugins 5 ай бұрын

Hey @cristianbomboe6989! Sorry to hear you are having issues with the plugin. Please send us a support request via our dedicated Support Center at barn2.com/support-center/ with complete details about the issue you are experiencing. Thanks!-nikki.

@skrymir619 4 ай бұрын

@@Barn2Plugins His question refers to first part of your video, not the plugin. I have the same issue. How to hide all products below created categories on homepage?

@dancruz7845 2 ай бұрын

@@skrymir619 Yeah just had the same problem

@dancruz7845 2 ай бұрын

@@skrymir619 Im having the same problem what theme are you using Im using Blocksy.

@fass0543 2 ай бұрын

This gave me just what i needed. thanks allot!

@Barn2Plugins 2 ай бұрын

Hi, thanks for your comment. We're happy to know that our video helped you out. Cheers! - Keza

@ENDOFWATCHHHH 4 ай бұрын

Thank you so very much. But for everyone DO NOT MISS SPELL YOUR SHORT CODES LMAOO😂😂. Took me awhile to see what Im doing wrong lol and it was my spelling and half ass attention to my spelling. Anyways thank you.

@Barn2Plugins 4 ай бұрын

Hey @ENDOFWATCHHHH, thanks for letting us know! Typos happen to the best of us, glad you were able to figure it out. For anyone else watching, double-checking your shortcodes is a great tip - we've all been there! If you have any other questions feel free to ask. Cheers - Nikki

@wweuncut171 Ай бұрын

Hello, I'd like to display product categories with images on my website. When a user clicks on a parent category, I want the corresponding subcategories to appear. Ideally, the structure should be: Parent Category > Subcategory > Product

@Barn2Plugins Ай бұрын

Hi, Prabal. Thanks for your comment. For what you'd like to achieve, you can go to the theme Customizer > WooCommerce > Product Catalog options and set the "Shop page display" dropdown to "Show categories" and the "Category display" dropdown to "Show subcategories". I hope this helps. Let me know if you have any more questions. Best regards, -Edge

@wweuncut171 Ай бұрын

@@Barn2PluginsHey i already got the solution, but thanx for the reply ❤

@user-mj6rd8jw3w Ай бұрын

thanks man

@Barn2Plugins Ай бұрын

Hi there! Thanks for dropping by and glad you liked our video. Cheers! - Keza

@9amStudio 6 ай бұрын

I just want to display 5 products and the limit code is not working for me :(

@Barn2Plugins 6 ай бұрын

Hi, 9amStudio. Thanks for your comment. I'm sorry to hear you're having difficulty with what sounds to be displaying only 5 products. If you're using WooCommerce Product Table, please could you submit a request via our Support Center at barn2.com/support-center/ so that we can assist you best. If you mean you're using WooCommece shortcodes, I suggest you contact official WooCommerce Support at woocommerce.com/contact-us/ for the best advice. I hope this helps point you in the right direction. -Edge

@minitubetamil 11 ай бұрын

please make a video about How To Make A Custom Checkout On Woocommerce Using Elementor and Customize WooCommerce Thank You Pages.

@Barn2Plugins 11 ай бұрын

@minitubetamil Hello! While we currently don't have immediate plans to create that specific video, I want to acknowledge that it's a great idea! You can subscribe to our channel to receive notifications in case we do release such a video in the future. Thank you!

@pctechsupporthelp1 3 ай бұрын

Thanks for the great video 😉 👍

@Barn2Plugins 3 ай бұрын

Hi, thank you for your kind words. Glad you enjoyed the video. - Keza

@wells2671 9 ай бұрын

Do you have version of this video that shows how to do this on a block theme such as the Twenty Twenty Three block theme?

@Barn2Plugins 9 ай бұрын

Hi there. This tutorial was done using Storefront theme. We don't have a version of this tutorial that shows how it's done in other themes as the process would still be the same. Should you have any further concerns, send us a message via our dedicated Support Center - barn2.com/support-center/. Cheers! -Keza

@eXodusArtisan 2 ай бұрын

Another point on stressing the need for this is Pinterest will email you this if you don’t have them setup apparently (I think) …..”Product descriptions are not original and/or there are no product categories on the Merchant's website.” I’m going to try & go fix the category issue fixes you show me here. Hopefully haha. But do yall have any products that have ai or something to give originality to descriptions from my “partially” copy & pasted product descriptions in bulk to fix the former issue listed in my quote from their email?

@Barn2Plugins 2 ай бұрын

Hi, @eXodusArtisan. Thanks for your comment. I already replied previously, but my comment has disappeared for some reason, so I'm reposting it: That's interesting to know about Pinterest. You can use a third-party AI service to reword your product descriptions and paste them in a CSV file, which you can then upload to your website to update the product descriptions in bulk. You can then display your products per category using our WooCommerce Product Table plugin ( barn2.com/wordpress-plugins/woocommerce-product-table/ref/1075/ ). I hope this makes sense and helps. Let me know if you have any more questions. We can also discuss your requirements in more detail via our dedicated Support Center at barn2.com/support-center/ . Best regards, -Edge

@HaifengZhu-pn3uq 10 ай бұрын

hi, what kind of short code shall I use if I want to display products with both category and tag?

@Barn2Plugins 9 ай бұрын

Hi there! WooCommerce Product Table has many options that you can use to display specific products in a table. You can add the 'category' and 'tag' options to your [product table] shortcode to specify which products to display. Please see barn2.com/kb/wpt-include-exclude/ for more information. Should you have further concerns, feel free to reach us via our Support Center - barn2.com/support-center/. Cheers! - Keza

@yogasamsu Ай бұрын

Hi, why my page only shows 1 product per each category?

@yogasamsu Ай бұрын

I forgot to add 's' in my product category. It should be 'products category'

@Barn2Plugins Ай бұрын

@@yogasamsu Thanks for letting us know. Great job for figuring it out. Cheers! - Keza

@pravinshinde_9353 20 күн бұрын

how do i do this with elementor ?

@Barn2Plugins 20 күн бұрын

Hi. You can insert the WooCommerce Product Categories widget (elementor.com/help/woocommerce-product-categories-pro/) in your shop page to display a grid of product categories. Cheers! - Keza

@pravinshinde_9353 20 күн бұрын

@@Barn2Plugins thank you very much

@JPKB36 10 күн бұрын

Doesn't work

@Barn2Plugins 10 күн бұрын

Hi, @JPKB36. Thanks for your comment. I'm sorry to hear you're having difficulty showing products by category. If you're using WooCommerce Product Table, please could you submit a request via our Support Center at barn2.com/support-center/ so that we can assist you best. If you mean you're using WooCommece shortcodes, I suggest you contact official WooCommerce Support at woocommerce.com/contact-us/ for the best advice. I hope this helps point you in the right direction. -Nikki