Support

Home Forums Event Espresso Premium EE4 available places

EE4 available places

Posted: March 9, 2020 at 4:03 am

Viewing 8 reply threads


Kevin G.

March 9, 2020 at 4:03 am

Hi, I want to show how many tickets are still available on our website but i can’t seem to show that.

Also, when i use the embeded tickets selector i get a nice styled button to subscribe, the normal ticket function does not have that.

our url: https://5678.be/events/tickets-dansshow-aladdin/


Josh

  • Support Staff

March 9, 2020 at 8:58 am

Hi Kevin,

You go to Event Espresso > Events > Templates and change the settings:
Show Ticket Details? to Yes
and
Show Ticket Sale Info? to Yes

The embedded ticket selector loads in an iframe so it relies on its own CSS. The ticket selector shortcode and the ticket selector that’s automatically displayed on an event page are designed to use your active theme’s styles. Most themes have styles that targe input[type="submit"]. It appears that your theme does not.

You can add the following to your custom stylesheet to style the submit buttons on your site:

input[type="submit"] {
background-color: #F60;
border: none;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 10px;
font-size: 1.0rem;
padding: 12px 18px;
padding: 1.2rem 1.8rem;
text-transform: uppercase;
width: auto;
border-radius: 3px;
display: inline-block;
-webkit-appearance: none;
}


Kevin G.

March 10, 2020 at 7:25 am

Not the solution I was looking for, i don’t want to show the “+show details button”. I want a colum next to price with the available places.
like this: http://cl.ly/image/0W273W2Z0K3q

Css issue helped, thx ๐Ÿ˜Š


Josh

  • Support Staff

March 10, 2020 at 2:17 pm

This might be the solution you’re looking for:

https://gist.github.com/joshfeck/0e2e59c39a36b76cc65a3b92f9543c79#file-translated_ticket_selector_add_to-php

You can add the above to a functions plugin or, if available, into your WordPress child theme’s functions.php file.


Kevin G.

March 11, 2020 at 1:03 pm

Still not ok.
I just see an extra table header “remaining places”.
https://5678.be/events/tickets-dansshow-aladdin/


Josh

  • Support Staff

March 11, 2020 at 1:15 pm

For the above code snippet to work you’ll go to Event Espresso > Events > Templates and change the settings:
Show Ticket Details? to Yes
and
Show Ticket Sale Info? to Yes


Kevin G.

March 11, 2020 at 1:20 pm

Aha, And how do I hide the +details?


Josh

  • Support Staff

March 11, 2020 at 1:33 pm

In this case, because you need the markup from the details table, you can hide the links with some CSS.

e.g.

.display-tckt-slctr-tkt-details {
display: none;
}


Kevin G.

March 11, 2020 at 1:58 pm

Thank you ๐Ÿ˜‰ Solved my problem

Viewing 8 reply threads

The support post ‘EE4 available places’ 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