problem with quantity selector

[francois]

Hi,
I have looked on the forum for a solution, but couldn’t find any yet…
My quantity field selector lacks the + and – button to select the quantity of tickets wanted.

Also, i’ve changed to the TwentySixteen theme, but the problem is still showing…
I still can add a figure and add the ticket to cart… but its not the best.

Also, i would like the quantity to be set to 1 by default instead of 0

[Cliff]

Hi Francois. Sorry you’re experiencing this.

Could you please switch to TwentySixteen theme and then provide me a link to view one of your events with tickets?

[francois]

Hi Cliff, thanks for your reply,

here is the link : http://musikland.fr/tour/concert-damnco-paris/

Still missing the + and – buttons next to the quantity field.

Thanks,

Francois

[Cliff]

Thanks for trying this, but the site won’t load for me: https://cl.ly/1V1O2T3d1G3i (tried multiple times)

Please let me know when I can try it again.

[francois]

Hi Cliff,

Very strange, can you try http://musikland.fr
Then, if it works, on the menu, please look for tours (thats the event page)

Thanks,
Francois

[Cliff]

Ok, I tried again and http://musikland.fr/tour/concert-damnco-paris/ worked for me, and I see you have TwentySixteen theme active.

The quantity up/down arrows only appear when you hover over the quantity. Here’s a gif of it: https://cl.ly/0C421K3X1M3J

Please let me know if I can be of further assistance with this issue.

[francois]

ok, so it means that my theme is not “friendly” with the quantity selector field?
Its Flatsome by uxtheme…
i’ve just reactivated it. can you have a look?

[Cliff]

Since it’s just a <input type=”number” …>, you’ll need to ask your theme developer why the quantity arrows aren’t displaying.

Just as an FYI, I did find out that clicking in the box and using the mouse scroll wheel does change the quantity in Chrome but not Safari on Mac OS X.

I’m guessing there’s some CSS or JS at play here that’s hiding the arrows for all input type=”number” throughout your site.

Please let me know what you find out.

[francois]

ok, i will investigate! and let you know!

Thanks for the support!

[francois]

This reply is private.

[Cliff]

Actually, it turns out the “quantity” class is the likely culprit, but your site (at least that URL) is now in maintenance mode or something so I couldn’t determine it for sure.

[francois]

oh.. its back online! sorry!

[Cliff]

Ok, your site loaded for me again and I think it’s because of this CSS code from http://musikland.fr/wp-content/themes/flatsome/css/foundation.css?ver=2.9.5.1

.quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

So you might want to figure out some CSS code to override that, such as

body.single-tribe_events .quantity input::-webkit-outer-spin-button,
body.single-tribe_events .quantity input::-webkit-inner-spin-button {
-webkit-appearance: initial;
}

However, that CSS alone didn’t solve it for me. You’ll need to figure it out on your own or with the help of your developer or theme support. But hopefully that gets you to where you need to go! 🙂

[francois]

Hi Cliff,
thanks for the feedback, i have been able to work out a solution by changing the Class for the quantity input. it works well with the inspector. but i cannot find where the code is in the Event tickets to change the class.

below is a screen with the class i need to change.
thanks,
Francois

[Cliff]

i have been able to work out a solution by changing the Class for the quantity input

Your screenshot shows div.quantity still so I didn’t follow what you were saying.

===

I previously stated that the CSS affecting your arrows is from your theme.

===

Again, you’ll need to figure this out on your own or with the help of your developer or theme support.

[Author]

Posts