• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/Create a WooCommerce Product Category Page with Divi’s Theme Builder

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: https://www.elegantthemes.com/blog/divi-resources/create-a-woocommerce-product-category-page-with-divis-theme-builder

source

Written by:
Abdul Wahid
Published on:
December 11, 2023

Categories: VideosTags: Divi 4.0, divi 4.0 tutorial, divi builder, divi builder tutorial, Divi Theme Tutorial, divi tutorial, elegant themes, woocommerce tutorial

Reader Interactions

Comments

  1. @scott17601

    December 11, 2023 at 11:21 am

    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.

  2. @00GRILL

    December 11, 2023 at 11:21 am

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

  3. @federicacrasto9815

    December 11, 2023 at 11:21 am

    When I enter the shortcode it does not show.

  4. @AmandaOffGrid

    December 11, 2023 at 11:21 am

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

  5. @ibadahcreations

    December 11, 2023 at 11:21 am

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

  6. @shirlsgray6425

    December 11, 2023 at 11:21 am

    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

  7. @cdnichols51

    December 11, 2023 at 11:21 am

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

  8. @sounsavdan1033

    December 11, 2023 at 11:21 am

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

  9. @TheSparkratos

    December 11, 2023 at 11:21 am

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

  10. @MegaMaliak

    December 11, 2023 at 11:21 am

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

  11. @indraloka

    December 11, 2023 at 11:21 am

    is this possible to get adsense approval in woocommerce website ?

  12. @shoaibbaloch1115

    December 11, 2023 at 11:21 am

    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

  13. @boddupalli1818

    December 11, 2023 at 11:21 am

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

  14. @TatianaBalashova

    December 11, 2023 at 11:21 am

    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?

  15. @whitespacebug

    December 11, 2023 at 11:21 am

    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?

  16. @leahmanifoldo4

    December 11, 2023 at 11:21 am

    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.

  17. @derekvaal

    December 11, 2023 at 11:21 am

    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.

  18. @mazeljohn

    December 11, 2023 at 11:21 am

    Thank you!

  19. @brunomiranda7517

    December 11, 2023 at 11:21 am

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

  20. @francorainheart9960

    December 11, 2023 at 11:21 am

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

  21. @rolandkruit7018

    December 11, 2023 at 11:21 am

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

  22. @Photoflyboy

    December 11, 2023 at 11:21 am

    Maybe WooCommerce Product Filter by WooBeWoo would be a better option than this plugin. Poor reviews for this plugin. I haven't tested with Divi but WooBeWoo has good support.

  23. @scopweb

    December 11, 2023 at 11:21 am

    Gracias

  24. @MarkMadison

    December 11, 2023 at 11:21 am

    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.

  25. @HealthbeatOnline

    December 11, 2023 at 11:21 am

    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!

  26. @micheledimodugno4919

    December 11, 2023 at 11:21 am

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

  27. @TonySANBliss888

    December 11, 2023 at 11:21 am

    thank you Mak

  28. @AlessandroEvangelista12

    December 11, 2023 at 11:21 am

    At the end there was something wrong with the products shown

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (28)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: Tips, Tools, and Strategies

Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential: Harnessing the Power of WordPress

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter