0

How to set 3 products per row instead of 4 ?

enter image description here

0

Change style in _listing.less in Magento_Catalog\web\css\source\module path

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

to

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.