This can be done by adding the following css for the desired pages (by checking the url):


@media only screen and (min-width: 900px) {

  html .tagalys-namespace .tagalys-product-tile, html #tagalys-namespace .tagalys-product-tile {

    width: 33%;

  }

}

@media only screen and (min-width: 1200px) {

  html .tagalys-namespace .tagalys-product-tile, html #tagalys-namespace .tagalys-product-tile {

    width: 33%;

  }

}


We also have to make the image larger. for this we have to make a small change to one file and resync the products. Please contact us for the last part.