|
BJ Szabicot
|
December 3, 2013 at 11:19 am
Hey.
Trying to improve the registration experience for our events, so I’m trying to control the labels in the “Register”, “Add to Cart” and “View Cart” buttons, have the ability to remove / hide / re-position those buttons, and add a “Select Another Event” button to the registration details page,
Scenario: We have three active events. Using MER, I want only a button named “Add to Cart” shown under each event (NOT “Register” as well as “Add to Cart”). Once selected, The button is removed / hidden and text appears that reassures them they can remove the event before checking out, and to use the “Begin Registration” (just a renamed “View Cart”) button once they have selected all their events.
If they have the sense to select all three events at the outset, great – they use the “Begin Registration” button and move into the existing process.
If however they use the “Begin Registration” button then realize they should have selected another event, they can choose a “Select Another Event” button, keep any existing form data they have completed and return to the events page to add more events to their cart.
So… if I need to tweak certain files, can you point me to which file(s) control the labels, visibility, and position of those buttons?
Additionally, does EE support things like a custom.css or custom_function.asp that I can isolate so that my customizations aren’t overwritten during an update?
Any guidance you have (or any way to achieve my scenario without custom code) would be very much appreciated.
Thanks,
BJ
|
|
Josh
|
December 3, 2013 at 1:28 pm
The markup you’re looking to customize is in event_list_display.php (for the event list) and shopping_cart.php (for the cart). Any CSS you drop into your current WP theme can alter the position and look of these buttons and links too. Alternatively, Event Espresso’s CSS files can be overridden by copying them to /wp-content/uploads/espresso/templates/css.
Template files can also be override by copying them over to /wp-content/uploads/espresso/templates. There is more information in this guide on template customization:
https://eventespresso.com/wiki/put-custom-templates/
Also please note that if we need to make a change to a template in version of Event Espresso, you’ll need to copy this change into your custom template to stay current with the plugin.
|
|
BJ Szabicot
|
December 4, 2013 at 10:11 pm
Thanks for the guidance.
I’ve read up on your templating system, have copied the files (‘event_list_display.php’ and ‘event_list.php’) into the \uploads\espresso\templates folder, and modified them to eliminate the single “Register” button. That change is working nicely on the site.
Now I’m trying to apply the styles formerly associated with the single “Register” button to the “Add to Cart” link, but it looks like that code is controlled by the ‘cart.php’ file. I just want to change the $registration_cart_class assignment from ‘ee_add_item_to_cart’ to all the styles associated with the original ‘Register’ button (‘a_register_link ui-button ui-button-big ui-priority-primary ui-state-default ui-state-hover ui-state-focus ui-corner-all’). That being said, if I’m changing the ‘cart.php’ file, can it be copied to the \uploads\espresso\templates directory like the others (even though it does not originate in that location?)
If not, the ‘cart.php’ files points to the ‘ee_add_item_to_cart’ and ‘ee_view_cart’ classes which are defined in four different files. Could those files be copied to the \uploads\espresso\templates\css directory for modification?
Any assistance would be greatly appreciated.
Thanks,
BJ
|
|
Josh
|
December 5, 2013 at 8:20 am
Hi there,
It turns out that cart.php is not a template, so it cannot be copied over to /wp-content/uploads/espresso/templates.
The way forward on this one is to use the existing classes that are there and add new style rules (in your WP theme or a plugin like the my custom CSS plugin) for the links so they can match the other button. This guide shows how to do something very similar:
https://eventespresso.com/wiki/using-css3-to-style-links/
|
