Please Confirm Which Files To Customize

[Bill]

Hello,

We would like to make visual adjustments to the single ticket purchase. We are using WordPress, Avada, Woocommerce.

You see an example on our development site at:
http://dev.leanlearningcenter.com/event/leading-lean-september-13-2016/

The changes we would like to make are:
1. Move the +/- below the numerical value (HTML)
2. Put borders around all columns (CSS)
3. Add Columns Headings (HTML & CSS)
4. Remove the last column (HTML)

Thanks for pointing us in the right direction.

[Geoff B.]

Good evening Bill and welcome back!

Thank you for reaching out to us.

I would love to help you with these questions.

1. Move the +/- below the numerical value (HTML)

The correct way to achieve that would be through a template customization. You might want to read our Themer’s guide to get a sense of how that works.

Your goal will be to modify the HTML output from

 
<div class="quantity buttons_added"><input class="minus" type="button" value="-" />
<input class="input-text qty text" title="Qty" max="" min="0" name="quantity_12082" pattern="[0-9]*" size="4" step="1" type="number" value="0" />
<input class="plus" type="button" value="+" /></div>
to

<div class="quantity buttons_added"><input class="input-text qty text" title="Qty" max="" min="0" name="quantity_12082" pattern="[0-9]*" size="4" step="1" type="number" value="0" /><input class="minus" type="button" value="-" />
<input class="plus" type="button" value="+" /></div>

2. Put borders around all columns (CSS)

.tribe-events-style-full .tribe-events-tickets td {
border: 1px solid #ddd;
}

3. Add Columns Headings (HTML & CSS)

Once again, with the assistance of our themer's guide, you can modify the tribe-events-tickets table and add a row ('<tr>') containing table headers ('<th>') before the current cells

4. Remove the last column (HTML)
In the same table as above, remove the tickets_description cell ('<td>')

As an alternative you can remove it with CSS (but you'll have to resize the other cells)
.tribe-events-tickets tr .tickets_description {
display: none !important;
}

Let me know if that helps.

Have a great day!

Geoff B.

[Bill]

Hi Geoff,

Thanks for your feedback.

Yes, before posting this thread discussion we have read the Themer’s Guide.

What we were not clear about is what files we need to modify to make the changes we mentioned…or..perhaps there is something we’re missing from our readings.

For example, are the file(s) we need to modify at:
/event-tickets-plus/src/views/wootickets/tickets.php
…or is there a different file we need to adjust?

Thanks for helping out. Much appreciated.

• This reply was modified 9 years, 8 months ago by Bill.

[Geoff B.]

Good evening Bill,

Thank you for writing back and for clarifying your question.

The file you mainly need to modify to achieve the desired results is indeed /event-tickets-plus/src/views/wootickets/tickets.php
As suggested in the themer’s guide, you should create a /tribe-events/ folder in your WordPress child theme and then a wootickets subfolder.

It all starts at around line 43 of that file (‘<td class=”woocommerce” ‘).

That being said, it is possible that you might need to edit your WooCommerce template as well (depending on your WordPress theme).

If you are unsure, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Additionally, could you please send me a copy of your WordPress theme / child theme in a .zip file link (via Dropbox or Google Drive) so that I can run some tests on my end ?

Let me know how that goes.

Best regards,
Geoff B.

[Bill]

Hi Geoff,

This is moving along very well and you can see the results of our efforts using your help at:

http://dev.leanlearningcenter.com/event/leading-lean-september-13-2016/

Having said that, starting on line 43, the tickets.php file is not quite the same as you have described it. That is ok, we were able to work through it.

We have one more question and I think we should be in good shape. When there are multiple tickets (aka attendees) being added, the fee, which is suppose to be per ticket, does not seem to be increasing on the screen in the above URL.

Is this behavior correct? Meaning the total will show up in the cart after the “Add to Cart” is clicked?

Thanks for your continued help.

[Geoff B.]

Good evening Bill,

I’m glad this is moving along nicely for you and that you were able to move along in spite of the differences in your tickets.php file.
Good job!

To answer your question, yes this is the correct behaviour. The total will always show up when you reach the cart screen.
If you wanted a different behaviour, that should be possible through additional customization.

Thank you for your fantastic words.

Let me know if that helps.

Have a great day!

Geoff B.

 

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts