How to Show Products by Category in WooCommerce (FULL Walkthrough)
HTML-код
- Опубликовано: 27 июл 2024
- 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/wordpress-plugins/w...
Barn2’s helpful guides - barn2.com/kb-categories/wpt-s...
Watch our video about shortcodes - • Complete Guide to WooC...
WooCommerce shortcode guide - woocommerce.com/document/wooc...
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.smashingmagazine.com/2013...
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-plugins
🔥 Our All Access Pass provides great value for businesses: barn2.com/all-access-pass
❓ Need help or have a question? You can speak with our incredible support team: barn2.com/support-center/
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 
Наука
What other tutorials would you like to see from us? Leave your requests below!
2:30 this is gold!
hi, what kind of short code shall I use if I want to display products with both category and tag?
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
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?
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
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
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
@@Barn2PluginsHey i already got the solution,
but thanx for the reply ❤
I just want to display 5 products and the limit code is not working for me :(
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
please make a video about How To Make A Custom Checkout On Woocommerce Using Elementor and Customize WooCommerce Thank You Pages.
@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!
Unfortunately, after products organized on category appear all products mixed as in original shop page. How to get rid of this?
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.
@@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?
@@skrymir619 Yeah just had the same problem
@@skrymir619 Im having the same problem what theme are you using Im using Blocksy.
This gave me just what i needed. thanks allot!
Hi, thanks for your comment. We're happy to know that our video helped you out. Cheers! - Keza
thanks man
Hi there! Thanks for dropping by and glad you liked our video. Cheers! - Keza
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?
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
Thanks for the great video 😉 👍
Hi, thank you for your kind words. Glad you enjoyed the video. - Keza
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.
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
Hi, why my page only shows 1 product per each category?
I forgot to add 's' in my product category. It should be 'products category'
@@yogasamsu Thanks for letting us know. Great job for figuring it out. Cheers! - Keza
hell ye