How can I show a list of WooCommerce categories on a page

You can create new page with divi builder and add a code section with [product_categories] content

 

When you use the woo shortcode, it will give you limted formatting options. Here is how to implement an image overlay and the magnifying glass icon, as you would your shop page (this is an unbridged example; you can change colours, icons, etc; to suit your UI. Concatenate the functions.php code .. I've just done it like this for clarity. Use your own class names, etc.

Put this in your child themes Functions php. (wrap the category shortcode in a class by injecting HTML tags)

add_action( 'woocommerce_before_subcategory_title', function( $category ){ echo '<div class="ab_container">';},8,1);
add_action( 'woocommerce_before_subcategory_title', function( $category ){echo '<div class="ab_overlay">';},10,1);
add_action( 'woocommerce_before_subcategory_title', function( $category ){echo '<div class="ab_icon">T</div>';},11,1);
add_action( 'woocommerce_before_subcategory_title', function( $category ){echo '</div></div>';},12,1);

Style in your child theme's style.css

.ab_container{
position:relative;
}
.ab_container:hover .ab_overlay{
opacity: 1;
}

.ab_icon {
font-family: 'ETmodules';
color:#ea9010;
font-size: 32px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.ab_overlay{
position:absolute;
top:0%;
left:0%;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color:rgba(35,47,63,0.46);
}

 

1. Click on Appearance > Customize.
2. Then go to WooCommerce > Product Catalog.
3. Select “Show categories” from Shop Page Display.
4. Click on Save Changes

 

The Divi shop module over-rides the woocommerce settings. To list categories only, the shortcode has to be used.

 

That means you can use the shortcode for Shop page, but iot won't work for any parent category parent.
It is unable to list only child categories of a prent category ?!

 

Actually that means with Divi, we can not customize Category Pages via Theme Builder on a web site having parent and child categories, right?!
Even with the shortcode, we are unable to show only child categories if they exist, or only products inside Theme Builder.
that is a big issue!

 

I agree it's a big issue