Strong Behaviour of the quantity field in RSVP tickets

[Uwe Matern]

Good evening,

We use Event Tickets and Pro and not (anymore) WooCommerce. We don’t sell but do the registration for visitors. I have updated all your plugins to the latest version.
Now the quantity field in the ticket area behaves strongly. See attached imaged as well. So, the column with the quantity is not right and if you further move to the mobile view it disappears completely. There was a another tweak (css) for the tickets plus/woocommerce setup in the forum here but this does not help for this approach.

Pls help.

Regards Uwe

[Andras]

Grüss Dich Uwe,

Thanks for using our plugins and welcome to the forums!

Sorry about this issue, that usually comes from some minor theme incompatibility.

I would be super happy to help you solve that. For this I would need to see the page online where this glitch is, and then I should be able to provide you with the needed CSS tweak to solve this.

Would it be possible to make a page like that accessible?

Thank and looking forward to solving this for you!

Grüsse
Andras

[Uwe Matern]

This reply is private.

[Uwe Matern]

This reply is private.

[Andras]

Hallo Uwe,

I checked the site. I believe this in influenced by the theme you are using.

With this little css snippet most of the ugliness can be solved. Just paste it into your theme’s style.css file:

.tribe-ticket-quantity.qty.input-text {
width: 40px !important;
}

Let me know if this solves it for you.

Cheers,
Andras

[Uwe Matern]

Hello Andras,

thanks for your answer. Yes, it definetely improved the appearance. So the ticket-quantiy issue is solved. The remaining part (all in the mobile view) is now in the area of mail/name of the person who registers the attendee.
Pls see the screenshot below. (I tried something with the option padding-right: … , but not really successful) Would be great if you could help again.

Viele Grüße

Uwe Matern

Digitales für Unternehmen – IT Beratung

Hopfenstrasse 19
20359 Hamburg

Telefon: 0178/8780723

E-Mail: [email protected]

Web: http://uwe-matern.de
Xing: https://www.xing.com/profile/Uwe_Matern
FB: https://www.facebook.com/DigitalesBusiness
TW:: https://twitter.com/@uwemat

UstID:: DE298157628

Diese E-Mail kann vertrauliche und/oder rechtlich geschützte Informationen enthalten. Sollten Sie nicht der richtige Adressat sein oder diese E-Mail irrtümlich erhalten haben, informieren Sie bitte sofort den Absender und vernichten Sie diese E-Mail. Die unbefugte Weitergabe sowie das unerlaubte Kopieren oder Speichern dieser E-Mail ist nicht gestattet.

[Andras]

Hello Uwe,

Although this is beyond the scope of our support, I took a quick look at it and the below should help you with that form when using a mobile browser:

@media screen and (max-width: 480px) {
.tribe-tickets-table td {
float: left;
}
}

I hope this helps.

Cheers,
Andras

[Uwe Matern]

Hello Andras,

unfortunately now the situation is even more worse (not because of your css recommendation). But suddenly there are 3 times the plus/minus quantity buttons appearing. Pls see the attached screenshot. You can reach the real event here: https://finde-deinen-malkurs.de/kurs/testveranstaltung/

Best Regards
Uwe

[Andras]

Hallo Uwe,

I’m sorry to hear that.

Did you do any other changes than the CSS I sent you that could cause this? If yes, disable those and try to find what did this.

Or was it some update?

If you didn’t do any changes, then disable the CSS I sent you to see if that causes this.

If still nothing, then the next step would be to test this with a default theme like twentysixteen. This can help us discover if the multiplication is caused by the theme or not. I believe though that this is a template override by Avada and in this case they will be the ones who can help you with fixing it.

Let me know what you find.

Cheers,
Andras

[Uwe Matern]

Hi Andras,

thanks for your answer. I did the following.

1. I’ve deactivated the customied css-file completely -> issue still exists (pls see screenshot)
2. I deactivated our theme (Avada) and activated the twenty sixteen theme – issues seems solved.

There was no update of the Avada themes during the last days (means it worked a few days ago)

Best regards
Uwe

[Andras]

Hi Uwe,

Thanks for checking that.

Since it works well with a default theme, it looks like Avada or a template override is doing some modifications.

For the template overrides you can check in this folder / file: [your-theme]/tribe-events/wootickets/tickets.php

This is the file that is responsible for the look of the ticket form on the single event page.

One other location might be your functions.php file with some custom code, that could affect this.

If it is an Avada related issue, then unfortunately I’m not able to help you with that. In this case the theme developers are your best choice.

Let me know what you find.

Cheers,
Andras

[Uwe Matern]

Dear Andras,

I’ve checked this and there is no such Avada template neither in the Avada theme directory nor in in the Avada-child theme directory. There is even no directory wootickets directory at all. I had woocommerce deactivated and for testing purposes I’ve activated it again. This makes the situation even more worse (see screenshot). Now, there are 4 x “+” and “-” – really strange.

So what shall we do?

Best regards, Uwe

[Andras]

Hmmm, really strange indeed.

There are several paths of action we can take.

As for now would it be possible for you to pack your themes folder up in a zip file and share it with me? I would like to run some tests with it and see if I can find something.

Until then you can try the below rough css snippet to hide the unneeded buttons:


/* HIDE ALL BUTTONS */
.quantity.buttons_added input.minus, .quantity.buttons_added input.plus {
display: none;
}
/* SHOW FIRST MINUS AND LAST PLUS */
.quantity.buttons_added input.minus:first-child, .quantity.buttons_added input.plus:last-child {
display: block !important;
}

Andras

[Uwe Matern]

This reply is private.

[Andras]

I’m happy to hear the css snippet did the trick.

Of course, we’ll try to get down to the bottom of this. I’ll take a look at the files you sent and will get back to you most probably tomorrow with the findings. Please hang in there.

Cheers,
Andras

[Author]

Posts