|
smckenzie
|
January 5, 2015 at 2:30 pm
We are having the following issue with several clients trying to register and pay for a course: 4 empty white boxes appeared where the payment icons should be. Client at least assumed that these were there to enter credit card info. Clicked on the first one, and were given a large, empty white rectangle. Clicked on that, was kicked out and taken to the original registration screen. Completed that info for a second time; then clicked on the process payment line and from that point was able to see “invoice, bank draft, cheque, and credit card” options as per usual. They then clicked off the screen and went back to the page where blank white boxes once again appeared where the picture payment option icons should be
At various test locations the payment icons are showing up just fine for us but we are concerned because two potential clients have reported this same issue to us-any ideas what is going on?
|
|
Lorenzo Orlando Caum
|
January 5, 2015 at 6:16 pm
Hi, I believe you are referring to the payment gateway icons. These are set through the payment methods page for Event Espresso in your WP dashboard.
They could break if your Event Espresso folder name was renamed:
Event Espresso 3: event-espresso –> event-espresso1
Event Espresso 4: event-espresso-core-reg –> event-espresso-core-reg1
Could you double-check these links via the payment methods page?
—
Lorenzo
|
|
smckenzie
|
January 6, 2015 at 6:12 am
Where would these links be located on the payment methods page?
|
|
Dean
|
January 6, 2015 at 6:15 am
Hi,
Under each gateway in the Payment Methods page is an option called Button Image URL (screenshot http://take.ms/fc6NS). That’s the URL you will need to check.
|
|
smckenzie
|
January 6, 2015 at 6:51 am
Ok I found it-here is what one of them is named for example-
http://k2canine.com/wp-content/plugins/event-espresso-core-reg/modules/gateways/Bank/lib/bank-logo.png
What do I need to change?
|
|
Dean
|
January 6, 2015 at 7:16 am
Hi,
Thanks for clarifying. The URL looks good and the image is there. Can you provide a link to your registration page so we can take a closer look to see if there is a different issue?
|
|
smckenzie
|
January 6, 2015 at 8:22 am
http://k2canine.com/courses/
Click into the “Basic Dog Obedience” accordion and follow the usual process
here http://k2canine.com/registration-checkout/?ee=_register
for some people once they fill in their personal information and then click “proceed to payment options” their payment option “boxes/icons” are blank/whited out
|
|
Tony
|
January 6, 2015 at 8:50 am
I can see this happening in 2 places currently.
The payment selection – http://take.ms/UhZ3M
Thank-you page – http://take.ms/EAmy2
This is because you sites theme is setting the body to use white for text (which works with your dark theme)
So when EE creates a white box to output the information, the text is white. This can be fixed with a little custom CSS:
#reg-page-billing-info-Bank-dv p, .ee-attention {
color: #000;
}
That will set the text color for those specific boxes to black. I’ve made this specific to that payment gateway so that other text within the page does not display black, on the dark theme you wont see it.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
Regarding the images:
If you have updated EE, or manually uploaded a copy in a directory other than ‘event-espresso-core-reg’ and then updated EE4, the directory will automatically renamed to the correct directory.
That will then break the images as they will like to the old directory. Visiting the Payment Methods page forces this to update.
That is the only reason I can thin of for the images not to load, but now they are displaying correctly they should continue to work.
|
|
smckenzie
|
January 6, 2015 at 8:55 am
Thanks for the help! I have added the code to My Custom CSS
|
|
smckenzie
|
January 6, 2015 at 8:58 am
Is there any way to make it so they have to pay and disable “pending payment”?
|
|
smckenzie
|
January 6, 2015 at 9:05 am
Also is there any way to remove the Google Map from the order confirmation? I have disabled the map in settings but it still shows up on the order confirmation email
|
|
Tony
|
January 6, 2015 at 9:05 am
As you are offering bank draft as a form of payment, those registration need to be set to a status that doesn’t apply to the attendee list until they have paid.
That’s what Pending Payment is for.
If you only provide online payment methods, such as PayPal, users must pay to finalize the registration.
|
|
smckenzie
|
January 6, 2015 at 9:16 am
Ok I have activated Paypal but the “You have selected Paypal as your method of payment” but the following info in the box is still whited out even after I added the code to the My CSS- “After finalizing your registration, you will be transferred to the PayPal.com website where your payment will be securely processed” is there more code i need to add?
|
|
Lorenzo Orlando Caum
|
January 6, 2015 at 11:08 am
Hi, I can see the issue here:
http://cl.ly/image/1t2B0F333G0g
Try this additional CSS in My Custom CSS or your child theme’s stylesheet:
.reg-page-billing-info-dv p,
.reg-page-billing-info-dv .sandbox-panel {
padding: 1em;
margin:0 0 2em;
background-color: #FFFFE0;
border:1px solid #E6DB55;
border-radius: 2px;
color:grey;
}
You can also change grey above to another color.
—
Lorenzo
|
