Support

Home Forums Event Espresso Premium Registration-Check Out page needs CSS help

Registration-Check Out page needs CSS help

Posted: November 24, 2017 at 12:43 pm


TOCIFT

November 24, 2017 at 12:43 pm

I would like to add some format to my checkout page. It looks awful. Is there any css code that can give it at least something to start with?

I have another issue with how the pricing is working out. Should I start a separate ticket for that?

Thanks,

Laura


TOCIFT

November 24, 2017 at 12:45 pm

Forgot to add a link to the page.
http://184.154.244.76/~tocift07/registration-checkout/?uts=1511543939#checkout


Josh

  • Support Staff

November 24, 2017 at 12:56 pm

Hi Laura,

May I ask is there something specific about the checkout page you’d like to change?

If the whole thing looks awful you might consider clicking on the Customize button and previewing some other themes to see it that makes a difference.

Please feel free to start a new topic or add a reply here with your question about the pricing and we can help you with that too.


TOCIFT

November 24, 2017 at 4:19 pm

The page I’m having the difficulty with is actually if you select a ticket purchase and proceed to registration. The formatting on the registration is not good at all.

I’m not sure exactly what customization button you are referring to either. I am using Conference Pro Theme. Would it be their customization that is the problem? If so, I can get them to help me for sure. They are now owned by Imagely and the service has been great.

The other problem is the ticketing itself. I will be having multiple corporate sponsors that will purchase multiple teams of 4 people on each team for $3000 each team, and each team member will have to be registered in the system to receive a badge for the event. The way I have it set now is not working. Do you have any suggestions as to a way this could be set up to work? Here is the link again: http://184.154.244.76/~tocift07/register/


Josh

  • Support Staff

November 24, 2017 at 4:52 pm

The theme is indeed causing the formatting problem. Do you see how all of the required fields aren’t displayed? That’s the theme’s CSS kicking in and preventing them to display. You can override the theme’s CSS with the following:

input:invalid{
outline-color: currentColor;
outline-color: invert;
outline-style: none;
outline-width: medium;
border-width: 2px;
border-color: initial;
border-style: inset;
}

input[type="text"],
input[type="datepicker"]
{
min-height: 45px;
font-size: 1.5em;
}

The above will only go so far (the select inputs need CSS help too). Maybe the theme support staff can help with that part? If not, I can recommend some other themes. You’ll see an example of a nicely styled registration form on this testing site (it uses the Munsa lite theme):

https://josh.eventespresso.com/events/the-band/

I will be having multiple corporate sponsors that will purchase multiple teams of 4 people on each team for $3000 each team, and each team member will have to be registered in the system to receive a badge for the event. The way I have it set now is not working. Do you have any suggestions as to a way this could be set up to work?

You can set up a ticket bundle (4 for $3000) by following this guide:

https://eventespresso.com/wiki/create-ticket-bundle/


TOCIFT

November 25, 2017 at 8:18 pm

I’m sorry, but I did not elaborate enough on how this ticket for the four anglers is set up. It will also include a guide, so actually it will require 5 registrations. As the regular price for angler is $850 and the regular price for guide is $500. Is there any way I can show a discount from each one? The way it is showing up now is $600 each to equal the $3000. It looks kind of odd for the guide price to have gone up. Is there anything that can be done?

Thanks,

Laura


TOCIFT

November 25, 2017 at 8:31 pm

I also need to add that many of the companies participating in the event will be ordering multiple team (bundles). I currently don’t see a way they can do this except by re-entering the cart over and over. Is there something that can be done about this?

Thanks,

Laura


Josh

  • Support Staff

November 27, 2017 at 5:45 pm

Hi Laura,

I’m sorry I’m not exactly clear on the way the pricing needs to be set up with respects to adding a guide. That said, if I’m understanding your dilemma, you can make the guide ticket required and price out the bundle of 4 (the team of 4) separately.

I also need to add that many of the companies participating in the event will be ordering multiple team (bundles). I currently don’t see a way they can do this except by re-entering the cart over and over.

You can set up more than one bundle option. The documentation shows a bundle of 4, and a bundle of 8. So for example if a company wants to order 2 teams worth of registrations, they could select a 8-person (2 teams) ticket option.


TOCIFT

November 28, 2017 at 7:43 pm

In making the guide a required ticket, Can you make it required only for certain types of tickets? I have several “tickets” that are not tournament related, i.e., Table Sponsor, Volunteer, Extra Angler, etc. These tickets would not require a guide, of course.

All of these tickets will be requiring a badge to enter the facility as well. So, if I understand how this works, they will have to have a ticket (either free or paid) to be entered into the database that I will later get the CSV file from to send off for printing badges. Is this correct?

Would it be best to set these different ticket types up as different events? I don’t want anything to get too confusing. I would prefer to have every ticket available in one event, as some sponsors will have teams as well as volunteers, and possibly purchase table sponsorships too (I have to check with my client on that). I would like to limit the amount of times event goers
have to enter the ticketing system if I can. Although, I do have the multiple event addon. Do you think this would be the best way?


TOCIFT

November 28, 2017 at 8:17 pm

I also just thought about the different bundles you were speaking of for the teams. Is there a way to have more than the one mandatory guide for each of the teams if it were done this way? hmm… Maybe we make a free ticket for “Team Guide” with the description “Anglers are allowed one free guide for each team of four purchased. Please make sure to select a guide for each team to register them for entry into the event.” I could also place something along these lines in the description for the the Team tickets. What are your thoughts on this method?


TOCIFT

November 28, 2017 at 8:35 pm

I am also curious about the discounts I’ve seen under the “Price Types” tab in the “Event Espresso – Pricing” area. Since the Sponsor/Anglers are receiving a discount of $400 on the Anglers, perhaps we could show this as a discount? Is this what they are for and, if so, how do I implement them?


TOCIFT

November 28, 2017 at 10:23 pm

Also, one other problem I’ve noticed on the Team ticket is that the purchaser has the ability to add more tickets at the lower bundle price. This will not be an available option. They would have to purchase an additional Angler ticket at a higher price if they want to add an Angler to a team. Is there any way to turn off the ability to add tickets in this manner?


Josh

  • Support Staff

November 29, 2017 at 8:59 am

I’ll follow up with each of your questions below:

In making the guide a required ticket, Can you make it required only for certain types of tickets?

No.

All of these tickets will be requiring a badge to enter the facility as well. So, if I understand how this works, they will have to have a ticket (either free or paid) to be entered into the database that I will later get the CSV file from to send off for printing badges. Is this correct?

What’d I’d recommend is you make a copy of the event, then do some test registrations on that test event. Then you run the CSV registration report from the Event Espresso > Registrations page and check that report to make sure it has what you need for the badges.

Would it be best to set these different ticket types up as different events?

I think you’ve already made the conclusion that this would not ideal, and I agree with that.

I also just thought about the different bundles you were speaking of for the teams. Is there a way to have more than the one mandatory guide for each of the teams if it were done this way? hmm… Maybe we make a free ticket for “Team Guide” with the description “Anglers are allowed one free guide for each team of four purchased. Please make sure to select a guide for each team to register them for entry into the event.” I could also place something along these lines in the description for the the Team tickets. What are your thoughts on this method?

I think that would work well, and with a bit of custom jQuery added to the page, you’d be able to enforce the quantity selection of guides. Technically speaking, that would involve adding an event listener to the ticket selector’s quantity fields to watch for the selections and automatically update the guide ticket quantity. For example if someone selected 8 tickets from the 2 team fee row, then the Free Guide option would automatically get set to be 2. If you need help with setting up that custom jQuery I can put together a code example for you.

I am also curious about the discounts I’ve seen under the “Price Types” tab in the “Event Espresso – Pricing” area. Since the Sponsor/Anglers are receiving a discount of $400 on the Anglers, perhaps we could show this as a discount? Is this what they are for and, if so, how do I implement them?

You don’t actually directly set those up within the price types, what you can do is set up a discount price modifier for each of those tickets within the ticket editor. How that works is you set the full price in the ticket price field, then input the discount amount in a price modifier. The end result price will be the same, but they’ll have the opportunity to see the discount amount in the ticket details.

Also, one other problem I’ve noticed on the Team ticket is that the purchaser has the ability to add more tickets at the lower bundle price. This will not be an available option. They would have to purchase an additional Angler ticket at a higher price if they want to add an Angler to a team. Is there any way to turn off the ability to add tickets in this manner?

You’ll need to deactivate the Multi Event Registration add-on to prevent that from happening.


TOCIFT

November 29, 2017 at 9:57 am

Thank you for your help Josh! I really appreciate it.

I will be meeting with my client tomorrow and will have the answer as to whether the jQuery code help will be needed though it sounds like the answer. I am not yet clear as to whether the guides are mandatory. I will let you know.

I will tell you that I am pertty new to WordPress and have been able to add CSS edits to my child theme style.css file, but I have never done any alterations with the functions.php file. I assume this is where the jQuery code would have to go? I hope you don’t mind helping a complete newb.

Also, one other problem I’ve noticed on the Team ticket is that the purchaser has the ability to add more tickets at the lower bundle price. This will not be an available option. They would have to purchase an additional Angler ticket at a higher price if they want to add an Angler to a team. Is there any way to turn off the ability to add tickets in this manner?

You’ll need to deactivate the Multi Event Registration add-on to prevent that from happening.

I do have a concern about this. My client will be using MailChimp to send messaging to Tournament attendees. They may like to have the ability to send just to the Volunteer group or just to the Angler group. In the MailChimp documentation on EE’s website it says:

With MailChimp, you can set up automated messages to be sent out on specific dates to specific groups or lists of subscribers; in this case, your event attendees. One great feature in the Event Espresso MailChimp add-on is the ability to send subscribers of specific events to specific groups in MailChimp. For instance, if someone registers for Event A, their information can be sent to your MailChimp group that is set up for Event A. This will give you the ability to email only the attendees of Event A.

Do I have to set up multiple events to get this capability, or, can these “groups” be set in a single event?

Again, thank you so much for your support.

Laura


Josh

  • Support Staff

November 29, 2017 at 10:08 am

I have never done any alterations with the functions.php file. I assume this is where the jQuery code would have to go?

We actually do not recommend altering a theme’s functions.php file for a few reasons. Instead, we recommend adding code to a functions plugin. We’ll be more than happy to help you with putting together the jQuery code.

They may like to have the ability to send just to the Volunteer group or just to the Angler group.

If that’s the case, then the solution may be to break out the Volunteer-related registrations into their own event. This would not require the Multi Event Registration plugin. The only reason to use Multi Event Registration would be if someone volunteering was also registering for the Anglers and wanted to do that in one big transaction. Even in that case it will probably be best to keep those in separate transactions (instead of in one transaction).


TOCIFT

November 29, 2017 at 10:58 am

Thank you Josh! I will let you know if the jQuery is needed.

I took a look at your functions plugin information. I do have a child theme set up that came with Conference Pro that I set up from the beginning of the site creation. Is this the same thing? Sorry for my ignorance!

See:
https://gyazo.com/877162738df8ed2ee84149dae407a3bd

This functions.php file has quite a bit of existing code in it already. I want to make sure that setting up something additional is okay before I do this.

Thanks for your time!


Josh

  • Support Staff

November 29, 2017 at 11:07 am

A site functions plugin is not the same as a theme’s functions.php file. Generally speaking a theme’s functions.php file is best used to add functions that will be used by the theme. A site specific plugin is best used to add specific customizations that will be used by the site in general.

It’s really your choice, but again, we do not recommend putting non-theme related code functions into a WP theme’s functions.php file. It works, but it’s not best practice to put one-off code customizations that aren’t related to the theme’s functionality. There are gotchas that can happen (related to code load order and maintenance issues) when non-theme related code is packed into a theme. These and other gotchas can be avoided by keeping plugin customization related code in its own separate plugin.


TOCIFT

November 29, 2017 at 3:30 pm

Ok. Thank you so much for the clarification. I really appreciate it.


TOCIFT

December 6, 2017 at 1:50 pm

Josh,

I’ve spoken with my client and am still going back and forth on their needs. I will have some questions for you along the way.

As mentioned previously, My client has a charity fishing tournament event.

1) The individual from the team sponsoring company, which is the individual filling out the registration form, may not be on a sponsored team and may not be attending the event. Is there a way to collect the sponsored team information and not let the registrar/sponsor be entered into the event?

2) It appears that my client wants to add some extra sponsorship purchases that will not generate the need for a badge, but will still need to be logged into a check-in system as the sponsored item is purchased by the client. ie., Door Prize sponsorships are purchased on the website and my client purchases the door prizes for them, or, Raffle Bucket Sponsorships are purchased on the website and my client purchases the bucket items. Also, they will have a live Auction where the Sponsor purchases the sponsorship of an item and the client purchases the item for the auction for the Sponsor.

They will need a running record of these item purchases, so I believe the check-in system would work for this, but I am thinking that we should put these sponsorship purchases under a different event to keep the CSV export file separated because they have no need for badges. Do you agree?

Thank you,

Laura


TOCIFT

December 6, 2017 at 3:38 pm

Josh,

Another question…

Is there a way for the sponsor/registrar to be able to get to this confirmation page from any of the forms the registration process sends to them?

http://184.154.244.76/~tocift07/?ee=msg_url_trigger&snd_msgr=html&gen_msgr=html&message_type=receipt&context=purchaser&token=1-00bab460eae5a16dda8e8481c239968e&GRP_ID=13&id=25

I don’t see a link that would allow them to edit their “to be determined” attendees, though this confirmation form did have a link for them to do so when they finished their transaction. Is there a setting that allows the primary registrant to receive a link to this? or to a page where they can edit the attendees?

Thanks,

Laura


TOCIFT

December 6, 2017 at 5:23 pm

And one more question while I’m at it…

Before you mentioned that you could give us some jQuery code that would enable the registrations for the free guides to be added automatically. I would like some more information on this.

I’ve noticed that adding the additional number of registrations splits the price of the purchase between all the individuals being registered on that ticket selection. Does this code enable it to be divided only by the amount of anglers as the guide is free?

It appears we will also need something along those lines for the Table Sponsor ticket, as they will receive 2 Teams of 4 anglers each, 5 Table Sponsor Attendees, and 5 Guests and we would like to show the pricing to be split between the 8 anglers. The workers and guests would be free. Or, it may be better if we could just show the price as the price of that ticket in general and no split at all but just add the additional registrations so that all parties can receive badges. Is this possible?


Josh

  • Support Staff

December 7, 2017 at 11:36 am

Hi Laura,

I’ll do my best to answer each of your questions below:

Is there a way to collect the sponsored team information and not let the registrar/sponsor be entered into the event?

You can set up a Question Group for the registrar, then add some clearly labeled questions for the registrar, such as “Registrar Name”, “Registrar Email”. Then in the event editor you assign that Question Group to the “Questions for Primary Attendee” only. Then, in your message templates you can address the Primary Attendee email to go
To: [PRIMARY_REGISTRANT_ANSWER_* Registrar Email]
One important tip, you can set the “Registrar Email” question type to be an “Email” question type and the software will validate the email address.

With the above changes the Primary registrant (which is attendee #1 on the forms) will still be an attendee, the difference will be the Registrar information will be tacked on with that attendee and can be used to automatically send the Payment emails and any other Primary Registrant context emails.

They will need a running record of these item purchases, so I believe the check-in system would work for this, but I am thinking that we should put these sponsorship purchases under a different event to keep the CSV export file separated because they have no need for badges. Do you agree?

Separate events or even use an e-commerce plugin like WooCommerce to sell non-event items.

Is there a way for the sponsor/registrar to be able to get to this confirmation page from any of the forms the registration process sends to them?

Do you mean a link to this page?

http://184.154.244.76/~tocift07/registration-checkout/?uts=1512670714&e_reg_url_link=1-00bab460eae5a16dda8e8481c239968e&step=attendee_information&revisit=1#checkout

Is there a setting that allows the primary registrant to receive a link to this? or to a page where they can edit the attendees?

There are shortcodes in the message template editors that will allow them to get to that page to edit attendee information. A word of caution though: If they initially fill out the form and put the same information for each attendee, that will create only one contact record. So when they go to edit those later, it will only update the one contact record (instead of creating new unique contacts).

I’ve noticed that adding the additional number of registrations splits the price of the purchase between all the individuals being registered on that ticket selection. Does this code enable it to be divided only by the amount of anglers as the guide is free?

No the code would only change the behavior of the ticket selector form. For example if they were to choose two teams then the form would automatically select 2 guides.

It appears we will also need something along those lines for the Table Sponsor ticket, as they will receive 2 Teams of 4 anglers each, 5 Table Sponsor Attendees, and 5 Guests and we would like to show the pricing to be split between the 8 anglers. The workers and guests would be free. Or, it may be better if we could just show the price as the price of that ticket in general and no split at all but just add the additional registrations so that all parties can receive badges. Is this possible?

That might be best to split out into its own event.


TOCIFT

December 10, 2017 at 2:35 pm

Josh,

Thank you for your answers. I have another question.

Is it in any way possible for when the registrar selects to button to add the primary address to fill in all the forms that the first name and last name fields can be the letters “TBD”. This short “to be determined” acronym would enable my client to be able to easily find any rows in the CSV file that have not been used and remove them before printing badges. Otherwise, they will be spending a lot of time searching for duplicate names.

Thanks,

Laura


Josh

  • Support Staff

December 11, 2017 at 8:51 am

Hi Laura,

I’m afraid that idea will not work. This is because if every form had “TBD” for the name fields, then the result will be one attendee named “TBD” with many registrations.


TOCIFT

December 11, 2017 at 9:48 am

Hello Josh,

I’m afraid that idea will not work. This is because if every form had “TBD” for the name fields, then the result will be one attendee named “TBD” with many registrations.

Yes, I understand that would be the case at the initial purchase of the tickets. Earlier in our discussion you wrote:

There are shortcodes in the message template editors that will allow them to get to that page to edit attendee information. A word of caution though: If they initially fill out the form and put the same information for each attendee, that will create only one contact record. So when they go to edit those later, it will only update the one contact record (instead of creating new unique contacts).

When you said “contact record”. I thought you meant the email and address information would not change, which would be fine for our purposes as the sponsor company email, address and contact information is all we need. But the for the badge printing, we would need the name of the individuals to be able to changed with the editing of the names in the attendee form as well as the special question of “Driver’s License Number”. This is how they currently log in attendees. Will the editing of the form after the initial purchase not change the attendee records in the database at all?

Would we be able to change the database records internally?

The sponsors are currently able to purchase their team spots and then build their team at their leisure. Would this be possible in any way you can devise with the EE4 system?

Thanks,

Laura


Josh

  • Support Staff

December 11, 2017 at 4:45 pm

Will the editing of the form after the initial purchase not change the attendee records in the database at all?

It will.

The sponsors are currently able to purchase their team spots and then build their team at their leisure. Would this be possible in any way you can devise with the EE4 system?

They could input the team spots as “Angler to be named later #1”, “Angler to be named later #2”, and “Angler to be named later #3” or the substance. As long as each value they input into each attendee’s name field is unique then it will allow for unique contact editing later.


TOCIFT

December 12, 2017 at 9:12 am

Awesome! Glad to know they won’t have to change the way they are doing things to make this work.

I would like to know if it’s possible, in any way, to have TBD1, TBD2, TBD3, TBD4, etc. placed in the name field when the purchaser selects the button to auto add their info into all the purchased tickets?

Thanks,

Laura


Josh

  • Support Staff

December 12, 2017 at 9:41 am

Hi Laura,

The code that runs there is designed to copy what’s in the first fieldset and paste into the other field sets. A developer would have to override the default functionality and replace with a custom script to change the default behavior.


TOCIFT

December 12, 2017 at 10:15 am

Thank you so much for your help Josh. You have been very informative. I will work with what we have and let the client know that it is possible for a developer to change this function. Is there anything else that you can think of that I would need to inform such a developer of upon hiring them to do this?

Thanks,

Laura


TOCIFT

December 12, 2017 at 10:15 am

Also, What type of developer would be needed? php?


Josh

  • Support Staff

December 14, 2017 at 9:59 am

They’d ideally have sone experience with PHP & JavaScript, specifically the parts related to using the WordPress plugin API & the jQuery library respectively.

The recommended approach will involve not making any direct edits to core files, and this is possible because the copy_attendee_info.template.php template can be copied over to the active WordPress plugin, then edited there. Event Espresso will check the theme for that file first.

The support post ‘Registration-Check Out page needs CSS help’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Josh 1 year, 11 months ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!