Support

Home Forums Event Espresso Premium Registration Checkout Template

Registration Checkout Template

Posted: October 9, 2017 at 1:08 am

Viewing 5 reply threads


lupineart

October 9, 2017 at 1:08 am

Hi guys,

I would like to add some text in between the “Promo Code” field and “Payment Options” selector in Step 2.

Where would I do that?

Thanks, Derek


Tony

  • Support Staff

October 9, 2017 at 9:34 am

Hi Derek,

There’s a filter you can use to add further content there, are you comfortable using hooks and PHP?

If so you can use the FHEE__EE_SPCO_Reg_Step_Payment_Options___display_payment_options__before_payment_options hook.

Is it just text you want to add? I can provide an example if you let me know what it is you want to add in.


lupineart

October 9, 2017 at 9:24 pm

Hi Tony,

On 2nd thought, ideally what I would like to do is simply remove the 2nd step of the registration. So after the users punches in there info in step 1, they are taken right to Mijireh (which is our only payment option). Is this possible?

If not, can we simply remove the payment option section on step 2? As there is only 1 option. https://www.dropbox.com/s/7vh08e3099hucp3/Screenshot%202017-10-09%2020.23.04.png?dl=0

If not, please provide example as first asked in this thread. Just some sample text is fine for now, I need to figure out exactly what I want in there.

Thanks, Derek


Tony

  • Support Staff

October 11, 2017 at 5:30 am

So after the users punches in there info in step 1, they are taken right to Mijireh (which is our only payment option). Is this possible?

Not currently, we have a ticket to investigate skipping payment selection if only a single payment method is enabled so EE would automatically redirect the user to the payment provider but right now its not possible.

I’ll add your thread to that ticket to track interest.

If not, can we simply remove the payment option section on step 2?

Yes, that can be hidden using CSS.

Do you have Mijireh set to automatically open by default?

Event Espresso -> Payment methods -> Mijireh -> ‘Open by default’

That will make sure its pre selected so you can hide it using:

#method-of-payment-hdr, .spco-payment-method-input-dv {
    display: none;
}

You can add that to Appearance -> Customize -> Additional CSS

Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

That hides the section shown in your screenshot.


lupineart

October 11, 2017 at 11:52 am

Beauty, thanks.

2 other minor changes that would help:

1. Move the payment info box up
2. Change colour of promo code button (to differentiate from Proceed to Finalize Registration button).

https://www.dropbox.com/s/h1vhnvuq46bf97h/Screenshot%202017-10-11%2010.40.49.png?dl=0

Can you please provide the CSS to do that?

Thanks Tony,

Derek


Tony

  • Support Staff

October 11, 2017 at 12:32 pm

1. Move the payment info box up

There padding on the bottom of the element above you can remove:

#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options {
    padding-bottom: 0;
}

2. Change colour of promo code button (to differentiate from Proceed to Finalize Registration button).

For that, you can use:

#ee-promotion-code-submit {
    background-color: blue;
}

Obviously, change the colour to suit your needs 🙂

Viewing 5 reply threads

The support post ‘Registration 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