How to edit Commerce to display more than 3 products in a row
Think I found a way to resolve this simply via CSS.

There is this styles in global.css:


  .page-products .view-display-products li:nth-child(3n+4) { 
      clear: left;
      /* LTR */
      float: left;
      /** LTR */ } 


so we can overwrite it with a sub-theme CSS with "clear:none".

By re-sizing browser window, looks like it still works well when window get smaller. 

Earlier on didn't quite look close enough into this, partly due to meddling too  much in Views Format settings. So assuming reverting to default Views setting, the above CSS change should work fine. Will update again if otherwise.

BK :)