|
Nathan Winnall
|
May 15, 2016 at 10:13 pm
I have just added the MER add on. The issue I have is once I select the ticket and click the ‘View Event Cart’ button the screen greys over and I can’t click on anything. It does show the ‘1 item was successfully added to this event’ box but I cannot click on anything.
If I refresh the page it will take me back to the ticket selection page. If I click on the ‘View event cart’ button it will take me to the cart.
Not sure where to start here.
|
|
Tony
|
May 16, 2016 at 2:26 am
Hi Nathan,
Can you link us to an event we can test this on please?
|
|
Nathan Winnall
|
May 16, 2016 at 6:29 am
Hi Tony,
Thank you for your reply, for sure the link is http://reconleadership.com.au/book-a-course/
If you add any of the events it will bring up the pop up but be all greyed out and we can not go any further.
Thank you in advance for your help
|
|
Josh
|
May 16, 2016 at 9:50 am
Hi Nathan,
I checked your site and it appears that the WordPress theme has a few incorrect things going on when it loads up and uses the jQuery library.
Issue one is it’s loading up a copy of the library that’s not bundled with WordPress. Event Espresso is built to use the bundled version.
Issue two is the theme has a JavaScript error that may be caused by issue #1:
TypeError: $('nav#menu').mmenu is not a function. (In '$('nav#menu').mmenu()', '$('nav#menu').mmenu' is undefined)
We usually recommend contacting the theme author and ask them to fix the issues with the theme first. If they’re not responsive, someone from the Event Espresso staff can apply fixes to the theme if we can get a copy of the theme.
|
|
Tony
|
May 16, 2016 at 10:10 am
Hi Nathan,
The problem is the theme using transform: translate3d() on the main parent element.
Basically EE has the overlay set to z-index:10000.
Then it has the MER cart popup set to z-index:10001.
Meaning both elements should display on the top of others and the cart modal above the grey overlay.
However because the theme uses transform: translate3d(0px, 0px, 0px); on the main element it changes the z-index values and prevents this from working.
The easiest way to fix this is to simly hide the overlay using some CSS, for example:
#ee-overlay {
display: none!important;
}
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
|
