Hey I am configuring TNEW v7 and when I remove a ticket from the cart page it pops open a modal dialog box. It also displays a tinted transparent background element that covers the entire page, including the modal, preventing you from clicking any buttons or doing anything on the page. The element is called <div class="modal-backdrop fade in"></div>
I think there might be something wrong with the Z index or something.
Has anyone else had this issue?
How do I put the background behind the modal. Or even better, how to I remove the modal entirely, so you don't need to confirm the removal of tickets from your cart?
Here is a link to our test site, I'm actively working on it, so some areas might look a little weird
https://test-na-rhof.tn.services/cart/details
Thanks!
-Ben
Here is a screenshot to illustrate the problem:
It looks like the tinted transparent background is ordered incorrectly and is on top of everything else on the page. When this pops up I can't click anything on the page.
Hi Ben,
Apologies for the late Friday response!
It looks like some of our CSS is butting heads.
If you're looking to get this resolved ASAP, the quickest potential fix that I can see would be to adjust a bit of CSS on your end. Removing position: relative; from .container fixes the dialog issue.
position: relative;
.container
The relative positioning on .container essentially "traps" TNEW's dialog content container inside it, and with the dialog background overlay being higher up in the DOM, it's displayed over the content container.
Note that I'm not sure if this change would require any other compensating style adjustments on your end. I didn't notice any impact on the pages I checked, but my guess is that the sytle rule was there there for a reason.
A more flexible/longterm solution would be for us to adjust TNEW's dialog setup to try to avoid this kind of issue altogether. The turnaround on that would not be as immediate, though, as the changes required for that are a bit more involved. Hopefully, in the meantime, the CSS tweak on your end is a viable workaround.
Thanks and let us know if there is anything else. Also, I just wanted to say that the site is looking good!Billy
Thanks Billy! That did the trick!
I see there is a checkbox to not display the confirmation again. Is there a way to configure TNEW v7 to default to not displaying the confirmation message when you remove a ticket?
We use TNEW primarily for General Admission so it's not really an issue if someone accidentally removes tickets from their cart.
Hey Ben -
Glad to hear that worked.
Regarding the ability to bypass the remove item confirmation -
Currently there is no option in TNEW for this, but it is a great idea. We'll definitely put it in the queue for consideration.
Thanks for the suggestion and for reaching out!
Billy