Create a WooCommerce Product Category Page with Divi’s Theme Builder

Category pages are an important part of any eCommerce site. Clients browse product categories to find what they need. That’s why your category pages need to look just as good as your product pages. With Divi’s Theme Builder, creating category page templates is easier than ever. In this tutorial, we’ll show you how to create a category page template step by step and style it using Divi’s built-in options.
Furthermore, we’ll show you how to make it filterable with help from the Themify WooCommerce Product Filters plugin.
Open two browser tabs side by side. Use the first tab for the theme builder and the second tab for the live preview of a category page. Work this way to see the progress as you go. For your convenience, we’ve also added the template as a free download.
Read more: www.elegantthemes.com/blog/di...

[@TheSparkratos]

I'm a DIVI lifetime member! You guys need to start including mobile/responsive views in your videos.

[@TonySANBliss888]

thank you Mak

[@micheledimodugno4919]

THANKS, FINALLY A TUTORIAL TO THIS!!
Is there a way to let´s say filter some categories by material/color whatever? not using tags..

[@HealthbeatOnline]

One thing was left out of this tutorial that I wish had been covered. In Mak's "Complete WooCommerce" tutorial, he covered adding different colored overlays to the images that are displayed. For some reason I can not get that to work in this tutorial. The menu selections are there, but do not display correctly when saved and verified on live. The overlay colors stay full white, regardless of what color you set them. Any advice would be welcome. Thanks!

[@whitespacebug]

Great tutorial. Is there any easy way to add the "Add to basket" button into the search result for each product? And a button to alter the quantity too?

[@mazeljohn]

Thank you!

[@rolandkruit7018]

Hi Mak,
How do you get your images alle the same size. How to get the descriptions on one line?

[@AmandaOffGrid]

hmmm.... i don't have the product filter option... must not be on the newest version (2022)?

[@brunomiranda7517]

How to create subcategories? For example: a category called Tables and a subcategory called Coffee Table?

[@TatianaBalashova]

thank you for the tutorial! a bit complex for a beginner... Mak, why did you choose Themify while the other plugins had a much better review rating?

[@HamdiElShahat89]

I have the same question

[@scopweb]

Gracias

[@shirlsgray6425]

Hi, firstly I don't have a 'shop' module, what to next. And then in the end when its finished how to I get to that page again after it is saved and want to add it to the website. Im a little lost, beginner here

[@leahmanifoldo4]

I've been trying to find the answer to - if you have multiple shop modules on the page (to display most recently added, most purchased, etc.). And the form was changing the top left module (which was a featured category shop view for me) every time. I realized you have to have the shop module you want the form to edit in the top left. I just switched the row layout to be sidebar right vs left aligned. ---Just in case anyone else is looking for that answer.

[@00GRILL]

HI, i know is an old video, but how i can add a search button before the category selection ? Thank's for your answer

[@shoaibbaloch1115]

Thank you for making it easy for us.
I was following your tutorial but unfortunately I cant find 'Shop module' what should I do now? Please help me

[@themuslimcart]

shops new name is woo products do try and pray for me

[@MarkMadison]

I don't know what I missed, but the Post Title Module does not display the Category that is checked in the text module below it. Would appreciate some help on that.

[@graciepaungan1883]

go to your shop module again. change the product view to default and enable the use current page.

[@francorainheart9960]

Hola. Hello my category button is overlapping by the woocomerce productos. Can you help me?

[@ibadahcreations]

Im not able to get the esit specific product categories page.
It keeps on loading when i select build custom page

[@AlessandroEvangelista12]

At the end there was something wrong with the products shown

[@maduroheintz8640]

yes, doesn't seem to work properly. Will try to recreate this tut and see if it works ;)

[@loubnatabbara1833]

@@maduroheintz8640 the filter is not working properly, products are not filtered as per the rules. Were you able to recreate?

[@maduroheintz8640]

@@loubnatabbara1833 i tried as i read your answer. Here the same, not working 😔

[@cdnichols51]

there is no "shop" option in Divi around the 14 minute mark............

[@TheMnnnM]

Changed to "Woo products"

[@scott17601]

I love your tutorials but it would be great if you could add chapters so we can skip all the formatting stuff (I'm already fluent in DIVI) and just jump to the relevant sections about the plugin you are using and the settings.

[@derekvaal]

how do I change the sizes of the images? I also can't figure out how to make the images go to the edge of the page.

[@elegantthemes]

Hi Derek! 👋
Our Support Team will be happy to assist you with this. Please feel free to create a ticket in the Members Area:
www.elegantthemes.com/members-area/

[@sounsavdan1033]

Why when I clink on product it not naviagate to all product page

[@MegaMaliak]

And what do you do when you have around 20 different categories? Ever thought about that?

[@boddupalli1818]

How to make Etherum/bitcoin as the currency instead of dollar?

[@federicacrasto9815]

When I enter the shortcode it does not show.

[@rooskurstjens]

Same here