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

Рет қаралды 52,829

3 жыл бұрын

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...

Пікірлер: 37

@TheSparkratos 2 жыл бұрын

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

@TonySANBliss888 3 жыл бұрын

thank you Mak

@mazeljohn 3 жыл бұрын

Thank you!

@micheledimodugno4919 3 жыл бұрын

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 3 жыл бұрын

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!

@AmandaOffGrid 2 жыл бұрын

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

@whitespacebug 2 жыл бұрын

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?

@rolandkruit7018 3 жыл бұрын

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

@scopweb 3 жыл бұрын

Gracias

@scott17601 8 ай бұрын

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.

@brunomiranda7517 3 жыл бұрын

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

@TatianaBalashova 2 жыл бұрын

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 2 жыл бұрын

I have the same question

@shirlsgray6425 2 жыл бұрын

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

@cdnichols51 2 жыл бұрын

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

@TheMnnnM Ай бұрын

Changed to "Woo products"

@leahmanifoldo4 2 жыл бұрын

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.

@AlessandroEvangelista12 3 жыл бұрын

At the end there was something wrong with the products shown

@maduroheintz8640 3 жыл бұрын

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

@loubnatabbara1833 3 жыл бұрын

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

@maduroheintz8640 3 жыл бұрын

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

@00GRILL 11 ай бұрын

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 2 жыл бұрын

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 8 ай бұрын

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

@MarkMadison 3 жыл бұрын

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 3 жыл бұрын

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

@francorainheart9960 3 жыл бұрын

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

@ibadahcreations 2 жыл бұрын

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

@sounsavdan1033 2 жыл бұрын

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

@MegaMaliak 2 жыл бұрын

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

@derekvaal 3 жыл бұрын

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 3 жыл бұрын

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/