Solved WooCommerce uneven columns on Category pages

Hi,


I'm using Divi4 for my WC site. My sub-category pages have uneven columns in each row, which I want to fix. They are shop modules set to 5 columns.

Please note this product might be offensive to some, lots of swear words....

Category Page that works: https://prettyinappropriate.com/product-category/gift-by-occasion/
Sub-category that does not: https://prettyinappropriate.com/product-category/gift-by-occasion/anninversary-gift/

• My product pages are using a template and I love how it worked. No problem
• I was unable to get the template to work for category pages; when I set the template for the category, it transferred to all the subcategories. So I made a template page for EVERY sub-category.
• My category pages are WC generated
• I have some CSS and functions.PHP changes to make the category page full-width.

I suspect something is not set wide enough? Looks like it goes 4 col, 1 col, 3 col, 2 col, etc. But I don't know PHP and don't see anything that makes sense to me.

Here is the PHP script I added for full-width.

PHP:

/**
* Remove Divi sidebar from all WooCommerce Product pages (as well as Shop and Category pages)
*/
function mytheme_divi_output_content_wrapper_end() {
    echo '
                    </div> <!-- #left-area -->
                </div> <!-- #content-area -->
            </div> <!-- .container -->
        </div> <!-- #main-content -->';
}
function mytheme_remove_divi_sidebar() {
    remove_action( 'woocommerce_after_main_content', 'et_divi_output_content_wrapper_end', 10 );
    add_action( 'woocommerce_after_main_content', 'mytheme_divi_output_content_wrapper_end', 10 );   
}
add_action( 'init', 'mytheme_remove_divi_sidebar', 10 );
/**
* Adjust the WooCommerce body classes for all WooCommerce Product pages (as well as Shop and Category pages)
*/
function mytheme_body_classes( $classes ) {
    if ( function_exists( 'is_woocommerce' ) && is_woocommerce() ) {
        $remove_classes = array('et_right_sidebar', 'et_left_sidebar', 'et_includes_sidebar');
        foreach( $classes as $key => $value ) {
              if ( in_array( $value, $remove_classes ) ) unset( $classes[$key] );
        }
        $classes[] = 'et_full_width_page';
    }
    return $classes;
}
add_filter('body_class', 'mytheme_body_classes', 20);

 

Thank you so much! That worked. I'll have to figure out why. lol.

 

I'm back! This is not working again. The first row manages to be 5 columns, but now the uneven rows past that. https://prettyinappropriate.com/product-category/gift-by-occasion/anninversary-gift/?product-page=1

Code conflict? Plugin Conflict?

 

Thank you. That seems to have worked.

 

Okay, one more thing. How can I target the category pages for this too. The product archive pages are good now, but the product category pages, showing subcategories are full-width, but 4 columns and not uniform.

 

Thanks, but I have this already from Divi.help.

Code:

Log In or Sign Up to view this code.

 

Super! I don't know who you are, but you are awesome!

 

I have a return problem. My category pages are wonky, with uneven rows. I'd like to do 4 column rows for categories. I do 5 for product.

https://prettyinappropriate.com/product-category/gift-by-occasion/

I thought I had this fixed with previous code from this thread:

Code:

Log In or Sign Up to view this code.

 

Perfect, thanks as always.

 

I've updated the site and having a bit of a problem with the products. Most are aligning to 5 columns, but then once in a while there is only one in a row on the 4th column.

Please note, a NSFW site.
https://prettyinappropriate.com/product-category/greeting-cards/anniversary/

Code:

Log In or Sign Up to view this code.

 

hi.
I removed this code:
.woocommerce.columns-5 ul.products.columns-5 li.product:nth-child(5n+1) {
clear: none!important;
}
and it works now.

 

Hi AGAIN!

https://prettyinappropriate.com/pro...nninversary-gift/keychains-anninversary-gift/

I've deleted the Divi 4.0 templates for WooCommerce pages in favor of the default and now the 5 column code isn't working. I don't see anything that is wrong with the existing code. Many thanks in advance.

Code:

Log In or Sign Up to view this code.