Bootstrap grid vs WooCommerce columns

  • Resolved eagerbob

    (@eagerbob)


    3 years ago

    I am using Understrap to build a WooCommerce webshop. I am working on the products page. To use the powerful BS grid instead of the WC columns I added a .row in archive-products and BS .col-XX-X classses to the content-product template part. I removed the wc_get_loop_prop from loop-start.php and replaced that with “products”.

    That should do the trick but it doesn’t work completely as you expect. And if you change the number of products per row in the customiser->WooCommerce then the number of products on the products catalog still changes.

    So there is still the WooCommerce columns thing going on but how and where? Have done this several times before but I am sort of stuck this time.

    Thanks!

    //EDIT
    seems I struggled with this before: https://github.com/understrap/understrap/issues/313
    I did manage to solve it but can’t remember how…

    • This topic was modified 3 years ago by eagerbob.
    • This topic was modified 3 years ago by eagerbob.
    • This topic was modified 3 years ago by eagerbob.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter eagerbob

    (@eagerbob)

    3 years ago

    Ok fixed it. It was the woocommerce-layout stylesheet from the WC plugin that caused the trouble. Dequeued it and appended the content of that file in the woocommerce stylesheet that is already in the theme. Then deleted the lines that I do not need. Works like it should.

    Took me a while though…

    • This reply was modified 3 years ago by eagerbob. Reason: resolved
    Theme Author Howard Development & Consulting

    (@howarddc)

    3 years ago

    Glad you worked it out and thanks for documenting your answer here for others.

    Thread Starter eagerbob

    (@eagerbob)

    3 years ago

    removing the WC styling can be done like so:

    /* Remove Woocommerce stylesheet(s) */
add_filter( 'woocommerce_enqueue_styles', 'my_dequeue_styles' );
function my_dequeue_styles( $enqueue_styles ) {
unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
return $enqueue_styles;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Bootstrap grid vs WooCommerce columns’ is closed to new replies.