• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Marek
  • Private: No
  • Open Date: 09.04.19, 10:52
  • Opened by: Jesus Patiño
  • Closed by: Marek
  • Closed on: 01.05.19, 15:20
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14222 - Arrow buttons dont show

Buttons for up and down quantity don’t show in product page. The arrow button for display the product options don’t show too.
See:
https://www.perrogatoland.com/cibau-gama-superpremium/70-447-cibau-puppy-small-bites.html#/9-formato-25_kg

Comments

Marek 09 Apr 2019, 20:23

Hi, Jesus Patiño.
But I see them http://take.ms/Gr84R

Jesus Patiño 09 Apr 2019, 20:38

I try it in different computers and I see them like in the attachement. I delete cache from chrome and prestashop and it doesn’t show

Jesus Patiño 09 Apr 2019, 20:39

Sorry no that attachment

Jesus Patiño 09 Apr 2019, 21:05

I test it in Firefox and same problem

Jesus Patiño 09 Apr 2019, 21:25

This is the css from theme css. I think it doesn’t work
.input-group-btn-vertical .btn i:before {

  content: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' h…s='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%;

}

Marek 10 Apr 2019, 09:39

What Firefox version do you use? In my latest version all looks correctly http://take.ms/RrnnB

Jesus Patiño 11 Apr 2019, 01:31

66.0.2

Marek 11 Apr 2019, 21:21

Try following CSS fix:

body .input-group-btn-vertical .btn i:before {content:""}
body .input-group-btn-vertical .btn i.touchspin-up {
background: url(https://image.flaticon.com/icons/svg/32/32213.svg) 50% 50% no-repeat;
background-size: 40%;
transform: rotate(-90deg);
}
body .input-group-btn-vertical .btn i.touchspin-down {
background: url(https://image.flaticon.com/icons/svg/32/32213.svg) 50% 50% no-repeat;
background-size: 40%;
transform: rotate(90deg);
}