|
John Groh
|
July 10, 2014 at 10:39 am
So I am using the invoice option payment gateway and I want to hide the “finalize your order” button after the person clicks that. Right now, the button stays on the page after the person clicks to finalize their order and its confusing. Is there a way to hide that section after the order is submitted?
|
|
Lorenzo Orlando Caum
|
July 10, 2014 at 11:02 am
Hi John,
We can hide most elements using CSS but sometimes hiding things can cause unexpected behavior.
Could you share a link so I can simulate hiding it on my local browser?
—
Lorenzo
|
|
John Groh
|
July 10, 2014 at 11:07 am
Could I share the files with you? I am working locally at the moment but expect to upload the site to a hosting server today. Would CSS work to show the button before the click it, and then hide it after its submitted?
|
|
Lorenzo Orlando Caum
|
July 10, 2014 at 12:34 pm
Hi,
CSS generally applies sitewide unless you use something like a body class to target a specific page.
I looked at this on our testing site and I can see where the confusion can happen. The reason why those options are still present is because sometimes registrants/attendees make a mistake and click on one option but they actually intend to use another option.
For example, I select invoice but I actually want to pay right now using PayPal.
We can change the messaging on that page using a gettext filter. Could you post screenshots of the equivalents to these images:
http://cl.ly/image/1K0C2W0A1A1r
http://cl.ly/image/2V1d0w1p3b1v
You can use a free service like Cloudapp or Tinygrab or Imgur.
—
Lorenzo
|
|
John Groh
|
July 10, 2014 at 1:44 pm
Here is a screen shot. Keep in mind I removed the “choose payment gateway” box and “hide” js on the page so that the user doesnt have to click on a button to view the complete your registration link. So basically I want to hide the yellow “attention…to finalize your order…complete your registration” button after they already clicked on it:
|
|
John Groh
|
July 10, 2014 at 1:47 pm
http://grab.by/ytDm
|
|
Lorenzo Orlando Caum
|
July 10, 2014 at 3:36 pm
What are you trying to now change in this screenshot:
http://grab.by/ytDm
—
Lorenzo
|
|
John Groh
|
July 10, 2014 at 6:08 pm
I guess I didnt post the right screen shot, sorry. What I want to do is that when someone is on that page (in my previous screenshot) and clicks on the finalize registration button and it brings up the “thank you” page, right now it still shows the finalize registration button area. I want that finalize button to go away on the thank you page.
http://grab.by/ytVM
|
|
Lorenzo Orlando Caum
|
July 10, 2014 at 7:29 pm
Thanks, that is possible with the following CSS.
.page-id-5 #payment-options-dv{display:none;}
Add the above CSS to your child theme’s stylesheet or a plugin like My Custom CSS.
Then update the number 5 above to the id of your Event Espresso thank you page and save changes.
—
Lorenzo
|
