Support

October 25, 2012 at 8:02 pm

Hi Justin,

One way that you could accomplish this is by hiding the rest of the table when one event is selected. Each group of classes would need to be its own table. You could add a bit of jQuery to the page that displays the tables of classes like this:

<script>
jQuery("a.ee_add_item_to_cart").click(function() {
    jQuery(this).closest(".espresso-table").fadeOut('slow');
})?
</script>

So when the add to cart link is clicked, the other class options in that group are hidden. Here’s a simple demo:

http://jsfiddle.net/joshfeck/Qb5Rr/2/

October 26, 2012 at 12:04 pm

I’ll start with the last question: If you modify the espresso_cart_functions.js file, it will not work to copy it over to /wp-content/uploads/espresso/templates. Event Espresso only checks for templates there and specific CSS files there.

The way I’d add that bit of JavaScript on the page would be via a custom page template, near the footer. Alteratively, you could conditionally load a different footer template.
http://codex.wordpress.org/Pages#Page_Templates
http://codex.wordpress.org/Function_Reference/get_footer

Or you could enqueue it as a separate file and conditionally load it, but for that little be of JS, i’d place it inline.

When I add jQuery to the page as you’ve suggested, are the other
jQuery functions associated with the add to cart, or delete from cart
going to still function properly? In other words, does adding this
break anything?

I tested this first on my deve site to make sure it didn’t break anything, but you’ll want to test any modifications. The delete from cart functions happen on a different page (the cart page). The above code should only be applied to the page that’s displaying the table of events, not the cart page.

Also, if the user makes a mistake or changes their mind, I’d like to have a way for them to view the class listings again.

Here’s one way to do this: There’s a shortcode that you can use to clear the cart. You can create a page, place this shortcode on it:
[ESPRESSO_CANCELLED]

Then create a “start over” button and link to that page, with a link button to take them back to the start of the process.

October 29, 2012 at 9:34 am

Hi Justin,

The current version of Event Espresso has the “Copy above information to all forms?” button/option. This will populate the forms for each event in the cart based on what’s filled in the first form.

If you really need to hide the other forms, you could use the CSS nth child selector and set all the forms except for the first one to display:none;

div.multi-reg-page:nth-child(n+2) {
display:none;
}