Support » Plugin: WooCommerce » number of columns problem

  • Resolved janvanarkel

    (@janvanarkel)


    Hi there,

    Using Woocommerce 2.4.3 and a theme that isn’t supported anymore (Frisco… was always compatible with Woocommerce). The problem is that WC always ‘shifts’ the last column to the next line. So when I select 5 columns in WC, 4 get on one line, and the 5th goes to the next. Please see my site http://een-01.nl/shop/ and you see what I mean.

    I tried the WooCommerce Product Archive Customiser plugin, and followed some of the advises I read in this forum. I do think it is CSS related… must be. But I can’t get it behaving in the right way. Can somebody help me out please?!

    Thanks in advance,
    Jan

    https://wordpress.org/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi, (hallo)

    I have the same kind of problem.

    Now I see it’s WooCommerce related or WP settings…
    I first tought it was a problem with my theme.


    pass: c

    But you have a different one and you have a similar problem.
    Hope to solve this quick

    I found a solution. It’s all css (maybe it’s only for divi theme)

    parent stylesheet

    comment out this:

    /* et_pb_shop_grid .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { clear: none; }*/

    child stylesheet:

    and add this
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 1% !important;
    }

    @media only screen and (min-width: 980px){
    .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1), .et_pb_column_3_4 .et_pb_grid_item:nth-child(3n+1), .et_pb_column_2_3 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_1_2 .et_pb_grid_item:nth-child(2n+1), .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1), .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(3n+1), .et_pb_column_2_3 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(2n+1), .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_left_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1), .et_right_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1){
    clear: none;
    }
    }

    I don’t have that code in my style.css.

    This worked for me: https://wordpress.org/support/topic/column-product-in-new-212?replies=17

    Just added the code of Martin to my CSS-stylesheeteditor in the WordPress admin. Thanks Martin!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘number of columns problem’ is closed to new replies.