• Priority: High
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Marek
  • Private: No
  • Open Date: 09.01.19, 17:51
  • Opened by: jou tarrat
  • Closed by: 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

thanks

Comments

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 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!

thanks

Attachments:

Screenshot 2019-01-11 at 16.0... (228.2 KiB)
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 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 11 Jan 2019, 19:17

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

jou tarrat 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?

Attachments:

Screenshot 2019-01-11 at 19.3... (181.8 KiB)
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;
    border-left:none;
}
.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;
  top:0;
  left:0;
  width:100%;
  height:100%;
}