WordPress.org

Forums

WooCommerce - excelling eCommerce
How to display related products in 1 column? (2 posts)

  1. morlikster
    Member
    Posted 1 year ago #

    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/

  2. terrytsang
    Member
    Posted 1 year ago #

    Hi, mayb you can try this:

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

    Hope it helps :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic