• Priority: High
  • Status: Closed
  • Closed by: Marek (marek)
  • Closed on: 16.01.19, 21:50
  • Reason: Closed
  • Comment: Glad to help!

Ticket #13510 - products per row is now working well

I would like that the function “products per row” works fine

now, i have selected 2 units, and appears 3. if you select 3 products per row, appears 5 products...

I want that appears always in as much possible computers products per row


This ticket does not depend on any other tickets.

Marek (marek) 09 Jan 2019, 20:59

Could you please take a screenshot, because I can’t understand where do you change that option

jou tarrat (joutm) 11 Jan 2019, 16:02

I send you a screenshot

now we have selected 2 products per row, but appears 4

we want to have 4 products per row. so, must appear 4 products per row if we have selected 4 products per row!


Marek (marek) 11 Jan 2019, 17:46

Yes I see and fixed that. It was because that option was configured for a page with sidebar

jou tarrat (joutm) 11 Jan 2019, 19:09

I see that if you select 2, you see only 2
but if i select 3, i see 5
if i select 4, i see 7...

i want if I select 4, i want to see 4 products per row!

Marek (marek) 11 Jan 2019, 19:17

Sorry, now it shows 4 products http://take.ms/FQf87

jou tarrat (joutm) 11 Jan 2019, 19:31

ok. but the arrows (one more unit, one less unit) in the cart page, due to the backup, now the arrows are invisible. you arranged that some days ago. can you arrange again?

Marek (marek) 11 Jan 2019, 20:15

Try this CSS:

.input-group-btn-vertical {display: flex;flex-direction: column}
.pp-updownbuttons .input-group-btn-vertical {display: none}
.input-group-btn-vertical .btn {
    height: 50%;
    padding: 0;
    border:1px solid #e0e0e0;
    position: relative;
.input-group-btn-vertical .btn:hover {
  background: none
.input-group-btn-vertical .btn:first-child {
  border-bottom: none;
.input-group-btn-vertical .btn:first-child i:before {
  transform: rotate(180deg);
.input-group-btn-vertical .btn i {
  display: block;
  padding-left: 100%;
  position: relative;
.input-group-btn-vertical .btn i:before {
  content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='#666' viewBox='0 0 306 306'><polygon points='270.3,58.65 153,175.95 35.7,58.65 0,94.35 153,247.35 306,94.35'/></svg>");
  position: absolute;