Support

March 7, 2014 at 9:23 am

Hi,

There is no single way to hide how many tickets are sold without editing the ticket selector templates, but you can set the quantity field to be blank and it will move to unlimited spaces remaining:

– http://www.screencast.com/t/VMVvKaX6wRz
– http://www.screencast.com/t/HhUurq98

Does that help?

March 14, 2014 at 4:57 pm

No template file editing is necessary in this case. The content that you don’t want displayed can be hidden with some CSS by adding the following to your custom stylesheet:

.tckt-slctr-tkt-details-td span:nth-of-type(4),
.tckt-slctr-tkt-details-tbl th,
.tckt-slctr-tkt-details-tbl td:nth-child(3),
.tckt-slctr-tkt-details-tbl td:nth-child(4),
.tckt-slctr-tkt-details-tbl td:nth-child(5),
.tckt-slctr-tkt-details-tbl td:nth-child(6) {
  display: none;
}

March 14, 2014 at 6:27 pm

You’ll need to modify the second selector above that has the (th) so that instead of hiding all the table headings it hides only the ones you want hidden. Each table heading can be selected using nth-child or nth-of-type.

The same is true for the individual table cells (td) which are already being granularly selected using nth-child in the example code, so you remove the selectors to make the table cells you want displayed.

March 16, 2014 at 7:54 am

This option works well, but it blocks my fee. so the space where you can add an additional fee, I added it, but the amount doesn’t show up now.

March 17, 2014 at 8:19 am

Hello Dean,

Is it possible, using the CSS code to simply hide the cell? So the headers will be there, the row will also be there, so they won’t completely collapse (which is the other issue, the formatting is compromised) but simply hide cell specific contents?

March 17, 2014 at 8:56 am

Its actually easier to follow from the front end as there are multiple conditionals within the ticket selector however if you would like to take a look.

event-espresso-core-reg/modules/ticket_selector/templates/

You will find the template for the ticket selector there.

As mentioned it is not recommended to modify core files such as these.

March 17, 2014 at 9:20 am

Using something like chrome dev tools to inspect the elements will be easier than looking through the code. Still not very straight forward, but neither is the code 😉

So if using chrome, right click on the element of of the ticket selector you are interested in, then click Inspect Element, you can view sepecific elements and work out some CSS to target them http://take.ms/8GdGn

March 17, 2014 at 12:58 pm

Hello Tony,

I just spent about 4 hours try to fix this and I can’t. Would you help me out please? I just want to remove the cells of:
“This Ticket Sold”, “This Ticket Remaining”, “Total Tickets Sold”, “Total Spaces Remaining”

Would you point me in the correct direction? I don’t fully understand why the code above couldn’t work:

What are the nth-child elements exactly and why do they take out so much and not just those specific cells?

.tckt-slctr-tkt-details-td span:nth-of-type(4),
.tckt-slctr-tkt-details-tbl th,
.tckt-slctr-tkt-details-tbl td:nth-child(3),
.tckt-slctr-tkt-details-tbl td:nth-child(4),
.tckt-slctr-tkt-details-tbl td:nth-child(5),
.tckt-slctr-tkt-details-tbl td:nth-child(6) {
display: none;
}

March 18, 2014 at 6:11 am

Hello Tony,

Thank you very much. This is very useful. I just have one question. How can I implement your CSS code without compromising my price modifier(s)?

http://www.gildednights.com/events/gilded-nights-masquerade-winter-wrap-up/

please click on show details and see what happens or how it loos.

March 19, 2014 at 9:38 am

Hello Dean,

this is really frustrating, but since we are on the topic, rather than making it happen from the CSS. Could it be possible to create a function in the future which would give the option of showing these pieces of information at will?

March 19, 2014 at 4:37 pm

Hello Josh,

that works.

Riffard