Support

Home Forums Event Espresso Premium Buttons on Cart Check out page

Buttons on Cart Check out page

Posted: July 13, 2015 at 11:29 am

Viewing 19 reply threads


John Kalusa

July 13, 2015 at 11:29 am

I am using Multi Event plugin with Januas and PayPal. When you get to Registration-Checkout page it shows blue buttons that cover the test and they are not the correct size. http://johnkalusa.com/registration-checkout/?event_cart=view

Also, starting at the home page, when you click on register, it takes you to the event page for a specific city, but when you add a ticket on the event page and click Add To Cart, it takes you to another registration page with 0 as the added tickets, but if you add a ticket, it adds an extra ticket to the cart.


Lorenzo Orlando Caum

  • Support Staff

July 13, 2015 at 1:01 pm

Hi John, this is a combination of styling from your theme and then Event Espresso. What color would you like that button to be along with the text color?


Lorenzo


John Kalusa

July 13, 2015 at 2:51 pm

Thanks for the quick response. Navy Blue Button with White text

What about the doubling up of the registrations screens?


Lorenzo Orlando Caum

  • Support Staff

July 14, 2015 at 7:33 am

Hi John, could you add this to your child theme or via a plugin like Reaktiv CSS builder?

.mini-cart-button.button,
.cart-results-button.button,
.event-cart-button.button {
	color:white;
}

On the events page, that looks like the embed code option. Could you switch it to use the shortcode option? The shortcode button appears near the embed button when viewing an event in the event editor.


Lorenzo


John Kalusa

July 14, 2015 at 9:19 am

Okay that worked! Now, the size of the buttons doesn’t fit the text?


John Kalusa

July 14, 2015 at 9:20 am

And it still brings the ticket selector back up after I select a single ticket?


Tony

  • Support Staff

July 14, 2015 at 10:16 am

Okay that worked! Now, the size of the buttons doesn’t fit the text?

Add width: auto; to the rules Lorenzo provided above, so it becomes:

.mini-cart-button.button,
.cart-results-button.button,
.event-cart-button.button {
  color:white;
width: auto;
}

And it still brings the ticket selector back up after I select a single ticket?

Which event page is this from and is it using the ESPRESSO_TICKET_SELECTOR shortcode?


John Kalusa

July 14, 2015 at 12:49 pm

I started with San Diego event

Also all the buttons adjusted except the Proceed to checkout button


Tony

  • Support Staff

July 15, 2015 at 5:45 am

There is a couple of strange things happening on your site.

If you add events to the cart, then view the cart, you should not see the registration form but just the cart details. Your site shows both – http://take.ms/v3KmTV

Have you modified EE at all?

Looks like you’ve changed the EE events slug to ee-events (which is fine), but from your home page if you click to view the San Diago event – http://take.ms/DsVD9

Your taken to:

http://johnkalusa.com/events/career-search-rescue-san-diego-california-14-15-august-2015/

One you add an event to the cart your taken to:

http://johnkalusa.com/ee-event/mission-transition-workshop-san-diego-1230-330pm/

Is that expected?

How is the home page event setup to display the event?


John Kalusa

July 15, 2015 at 10:20 am

I had made no changes that I was aware of prior to Alonzo’s suggest to add the CSS generator. However, I did make multiple changes to the events and deleted some, so perhaps the slugs got mixed?

Is it as simple as renaming the file ending in 1230-330pm?


John Kalusa

July 15, 2015 at 10:52 am

When you click on the View Event button on the main page (in the featured box) it takes you to the actual event page in Januas. http://johnkalusa.com/events/career-search-rescue-san-diego-california-14-15-august-2015/

That page displays the ee event I created in ee, so it seems that there is code in the ee ticket selector that directs to the incorrect page?

Where would I find that and how do I correct it?


John Kalusa

July 15, 2015 at 12:03 pm

Does it matter that both Event Espresso and Event Espresso MER are activated?


John Kalusa

July 15, 2015 at 1:06 pm

http://johnkalusa.com/

Found this on the Templates page of the San Diego Event. ?

This allows you to configure what slug is used for the url of all event pages.

Usage of the FHEE__EE_Register_CPTs__register_CPT__rewrite filter has been detected. Please be aware that while this filter is being used, this setting has no affect.


Josh

  • Support Staff

July 15, 2015 at 1:27 pm

Hi John,

Can you check to see if you have any code running from a custom function that makes use of the FHEE__EE_Register_CPTs__register_CPT__rewrite filter?


John Kalusa

July 15, 2015 at 2:45 pm

Josh, this code is in the lib/januas.php file….

function januas_filter_ptags_on_images($content) {

return preg_replace(‘/<p>\s*()?\s*()\s*(<\/a>)?\s*<\/p>/iU’, ‘\1\2\3’, $content);
}

add_filter(‘FHEE__EE_Register_CPTs__register_CPT__rewrite’, ‘januas_ee_event_slug’, 10, 2);

function januas_ee_event_slug($slug, $post_type) {
if ($post_type == ‘espresso_events’) {
$custom_slug = array(‘slug’ => ‘ee-event’);
return $custom_slug;
}
return $slug;
}


Josh

  • Support Staff

July 15, 2015 at 8:49 pm

What that code is doing is changing the Event Espresso slug from /events/ to /ee-events/. Can you check with the folks that support the Januas theme to see if they have any documentation on how to use Multi Event Registration with the Januas theme?


John Kalusa

July 16, 2015 at 10:03 am

Thanks, I figured that out after digging in a little deeper. I’ve reached out to Januas but it appears EE4 MER is not integrated fully with the theme yet. I disabled MER and it corrected the issue immediately.

The last thing open is the Proceed with Checkout Button is still not showing up in the right size, obscuring the text. Fix for that?


Tony

  • Support Staff

July 16, 2015 at 10:52 am

You can add .spco-next-step-btn to the above CSS selector, so it now becomes:

.mini-cart-button.button,
.cart-results-button.button,
.event-cart-button.button,
.spco-next-step-btn {
  color:white;
width: auto;
}

That should then display the button like this – http://take.ms/VDZvZ


John Kalusa

July 16, 2015 at 11:48 am

That worked! I appreciate all the assistance.


Tony

  • Support Staff

July 16, 2015 at 11:53 am

Great, I’m glad that worked.

Just let us know if you have any further questions.

Viewing 19 reply threads

The support post ‘Buttons on Cart Check out page’ 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