Support

Home Forums Event Espresso Premium Changing checkout template

Changing checkout template

Posted: July 13, 2016 at 1:29 pm


Clear Light Centre

July 13, 2016 at 1:29 pm

Hi,

I have 4 questions regarding changes to the checkout page.

1. How can I change the line at the top of the checkout page that says “Attendee Information?” I would like it to say “Personal information” instead.

2. How can I change the message in the Congratulations box when a purchase is completed?

3. When you get the Payment overview information where it says:

Payment Overview
No payments towards this transaction have been received.
View Invoice

How can I change the order of this so the invoice is first under the title?

4. When you select pay with Stripe and the pay now button becomes visible, how can I change the CSS for the Proceed to finalised payment button which is now greyed out? I want to make it even more greyed out to avoid confusion.

Thanks in advance for your help 🙂


Tony

  • Support Staff

July 14, 2016 at 5:39 am

Hi there,

1. How can I change the line at the top of the checkout page that says “Attendee Information?” I would like it to say “Personal information” instead.

You can translate that string to be anything you prefer.

The easiest way to do that is using a custom function as shown here:

https://eventespresso.com/wiki/how-to-change-wording-with-poedit/#custom-function

The string to translate would just be ‘Attendee Information’.

2. How can I change the message in the Congratulations box when a purchase is completed?

It depends how much you want to change here, you can add another string to the function mentioned above if just changing the text. So an example of your function would look so far would be:

https://gist.github.com/Pebblo/c745403cb487e1debeb050340c7dfd76

(Note the %x$s strings are place holders for code to be included within the string when output)

You can place that function within a Custom Functions Plugin for it to translate the text, you will need to change the translation to your custom strings.

3. When you get the Payment overview information where it says:
Payment Overview
No payments towards this transaction have been received.
View Invoice

To do that your going to need to load your own custom version of the thank-you-page-payment-details.template.php from within your theme.

4. When you select pay with Stripe and the pay now button becomes visible, how can I change the CSS for the Proceed to finalised payment button which is now greyed out? I want to make it even more greyed out to avoid confusion.

You can use:

#spco-go-to-step-finalize_registration-submit.disabled {
    color: red;
}

Which targets that button only when it has a class of disabled (which it does at the point you are referring to).

The color red is just an example to show the selector is working, you can add whatever you prefer.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.


Clear Light Centre

July 16, 2016 at 9:56 am

Thanks for your answers, that helped me solve some of the problems :). I have a couple more questions:

How can I change the message in the error box when you don’t select a ticket? The message you get when you click Proceed to checkout without picking anything (http://meditateincopenhagen.org/events/buy-clip-card/). I have tried using the custom function you mentioned above but it won’t change this (it works elsewhere though)

I am also having the same problem with the words Personal Information on the Attendee Info page (yes, change of heart on the wording for that page). I used the same technique, but it won’t change those particular words.

I know my custom function is working, as it successfully removes the Name and Description text.


Lorenzo Orlando Caum

  • Support Staff

July 16, 2016 at 2:02 pm

Hello,

Question groups and questions are changed via the editor in Event Espresso –> Registration Form.

Here is the source text for the message that you asked about:

https://translate.eventespresso.com/projects/event-espresso-4/en/event-espresso-en_US?filters%5Bterm%5D=An+error+has+occurred%3A&filters%5Buser_login%5D=&filters%5Bstatus%5D=current_or_waiting_or_fuzzy_or_untranslated&filter=Filter&sort%5Bby%5D=priority&sort%5Bhow%5D=desc

https://translate.eventespresso.com/projects/event-espresso-4/en/event-espresso-en_US?filters%5Bterm%5D=You+need+to+select+a+ticket+quantity+before+you+can+proceed.&filters%5Buser_login%5D=&filters%5Bstatus%5D=current_or_waiting_or_fuzzy_or_untranslated&filter=Filter&sort%5Bby%5D=priority&sort%5Bhow%5D=desc

Do you have an existing gettext that you can add those additional entries to?


Lorenzo


Clear Light Centre

July 17, 2016 at 12:22 am

Yes I have an existing gettext. This worked well thank you :).

The support post ‘Changing checkout template’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso