|
Lorraine Wolfe
|
November 25, 2019 at 2:15 pm
Hey Event Espresso,
I have a request from my customer that uses Event Espresso 3. On the Payment Overview page, we’d like to change a few things. Attaching a screenshot to better explain.
Screenshot:
https://gallery.mailchimp.com/d2650e37fb130830cef9e05ca/images/5bbce281-5693-4572-bf4a-ef3648f6943a.png
Here’s a link to the checkout page for one of their upcoming events:
https://socialworkfoundations.com/event-registration/?ee=26
I poked around on EE’s settings as a WP Admin and I don’t see how I can edit these without delving into EE template files.
Changes requested:
1) Remove the “Your Registration ID: ##-####” text completely. By this being there, registrants feel like they have already registered and some fail to complete the payment process.
2) Change the text that reads “Your registration is not complete until payment is received.” We’d like it to say something like:
“Please submit your payment.”
3) Since we only offer one payment option (pay via Credit Card through PayTrace), can the “Please choose a payment option” be simplified by not requiring people to click the Visa/MC/AMEX/Discover button to expand the Billing Info + Credit Card info forms? Can that section just appear by default?
4) Because of Change #3, it would make sense to remove the header “Please choose a payment option” since there is only one choice. Maybe combine all the checkout text and forms into one box that has a header that reads “Please submit your payment for $#.##”
Some things to note and follow-up questions:
This client wants to continue using EE3 because of it’s built-in integration capability with the PayTrace payment gateway. I know you guys are actively developing EE4. If EE4 allows for easier customization of the above list of changes, is there any way he could continue using PayTrace on EE4? I know it’s not listed as a supported payment gateway.
If I were able to set up Stripe as a gateway for him in EE3 (not sure if he would be willing to do this), would some of the above changes be simplified? I’m not sure how much of the checkout page’s Payment Options section is driven by the look/feel of the PayTrace folks vs how much Event Espresso handles.
If any or all of the above change requests require changes to the site’s PHP files (I am not proficient in PHP), I notice you have a Priority Support Token system. Does this token system include implementing changes on a live site? If so, if the above changes are possible, what would the cost be to implement these changes for us?
Your support forum has some mention of a plugin to extend modification of EE’s templates. Would this plugin provide a solution for any of the above change requests on EE3, or is that plugin only for EE4?
|
|
Josh
|
November 26, 2019 at 3:31 pm
Hi Lorraine,
In this case, the requested customizations can be done with CSS. If you’re unsure where to add CSS to the site, a good place to add CSS is in the site’s Appearance > Customize > Additional CSS page.
Here’s the CSS to add:
.espresso_payment_overview .event-data-display > p:nth-of-type(2),
#payment-options-dv > h2,
#payment-options-dv .payment-option-lnk,
.choose-diff-pay-option-pg {
display:none;
}
#paytrace-payment-option-form-dv {
display:block!important;
}
.espresso_payment_overview .instruct {
display: none;
}
.espresso_payment_overview .event-messages {
padding:10px;
}
.espresso_payment_overview .event-messages::after {
content:'Please submit your payment.';
line-height: 28px;
padding-left: 14px;
}
|
|
Lorraine Wolfe
|
November 27, 2019 at 9:50 am
Thank you, Josh! I didn’t figure all those changes could be done with CSS – I thought we’d for sure be modifying the registration page’s template file. I added your code to the theme’s custom CSS and the checkout page now looks exactly as requested. Hope you have a wonderful Thanksgiving!
|
