1

I am trying to add one more column on the product listing.

enter image description here

I have tried to with below code.

_listing.less

/
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .page-products {
        .products-grid {
            .product-item {
                width: 100%/3;
            }
        }
    }

    .page-products.page-layout-1column {
        .products-grid {
            .product-item {
                width: 100%/5;
            }
        }
    }
    // I added this 
    .page-products.page-layout-2columns-left,
    .page-products.page-layout-2columns-right {
        .products-grid .product-item {
            width: 100%/5;
        }
    }
 // Till here

    .page-products.page-layout-3columns {
        .products-grid {
            .product-item {
                width: 100%/2;
            }
        }
    }
}

Please help me where I am going wrong.

Improve this question

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.