WordPress.org

Support

Support » Plugins and Hacks » WooCommerce » How to display related products in 1 column?

How to display related products in 1 column?

  • Hi,

    Hope someone can help me. I tried to display related products in 1 single column. I’ve modified the woocommerce CSS file and was able to change to resolution of the related product but still couldn’t change the displaying related products in 1 single column. Below is what I’ve modified in the woocommerce CSS file:

    woocommerce .col1-set,.woocommerce-page .col1-set{width:40%}.woocommerce .col1-set:after,.woocommerce-page .col1-set:after{content:””;display:block;clear:both}.woocommerce .col1-set .col-4,.woocommerce-page .col1-set .col-4{float:left;width:40%}.woocommerce .col1-set .col-4,.woocommerce-page .col1-set .col-4{float:right;width:40%}

    Here’s what my page looks like: http://smartcatchermats.com/product/bullseye-black-and-silver-dog-mat/

    What I would like to do is to display 4 products in 1 single column in the related product section.

    Thank you in advance for your help.

    Mork

    http://wordpress.org/plugins/woocommerce/

Viewing 1 replies (of 1 total)
  • Hi, mayb you can try this:

    function custom_shop_columns( $columns ) {
        return 1;
    }
    add_filter( 'loop_shop_columns', 'custom_shop_columns' );

    Hope it helps 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘How to display related products in 1 column?’ is closed to new replies.
Skip to toolbar