Easy way of modifying the layout of a single event?

[Ajay Gilbert]

Hi guys

The Themer’s Guide baffles me I’m afraid. Certainly it would be great to have a ‘modify for beginners’ instructions somewhere. Could anyone suggest a fairly straight-forward way of modifying the layout of a single-event – when there is a ticket involved (using Event Tickets Plus with Woocommerce) the ticket-buying part is right at the bottom and we’d prefer it was higher up. Php is scary but I have worked out how to create a sort-of child version of eg.single-event.php in Divi. But looking at that file I can’t see anything that refers to tickets…but then php scares me so I may have my eyes closed!

Maybe it’s a different file that I need to modify? Any pointers anyone? Please?

[Geoff B.]

Good afternoon Ajay and welcome back!

Thank you for reaching out to us and for the feedback on how you feel about the current version of the Themer’s guide.
We do try to make things as simple and user-friendly as possible, but, of course, there is always room for improvement 🙂

I just submitted your idea of including more Themer’s guide primers / videos to help ease the learning curve.
I cannot commit to a date yet, but it’s now on our radar. Thank you.

Just to set expectations, although we totally understand that PHP can be scary, the scope of our support actually does not include template customization.
That being said, we will gladly try to at least get you started on the right foot.

Could anyone suggest a fairly straight-forward way of modifying the layout of a single-event – when there is a ticket involved (using Event Tickets Plus with Woocommerce) the ticket-buying part is right at the bottom and we’d prefer it was higher up. Php is scary but I have worked out how to create a sort-of child version of eg.single-event.php in Divi.

As you can imagine, there is no easier way of doing this than by doing some PHP work (hence the Themer’s guide). But once you get a better understanding of PHP basics (you don’t need to be a ninja at it), it’s actually not that bad.

With that in mind here’s the high-level breakdown of you would need to do :

1. Create a folder in your Divi child theme called tribe-events
2. Make a copy of the single-event.php found in /wp-content/plugins/the-events-calendar/src/views into that newly created folder
3. Edit the newly copied file and add a condition in your template to modify the layout based on the value of the following function (using an IF conditional)

If you are afraid of breaking things, perhaps you should consider setting up a local WordPress installation or using a staging / dev installation ?

Finally, you could hire one of our recommended customizers to do this for you.

I wish I had a better answer for you, but for now it’s the best one I have.

Let me know if that helps.

Have a great day!

Geoff B.

[Ajay Gilbert]

Thanks Geoff – that was helpful, tantalizingly close to being extremely helpful!

So it looks like a case of adding the if conditional below the featured image and above the event description…

something like <?php if (‘tribe_events_has_tickets’) err…not sure… ?>

Thanks

[Geoff B.]

Good evening Ajay.

I am glad I got you started in the right direction.

As you can imagine, I can’t possibly teach you PHP basics here, but I would strongly suggest you look at the following link to get started.

Furthermore, if you have a bit of time on your hands, you could navigate the forum for IF conditionals examples (this one for example).

Let me know if that helps.

Have a great day!

Geoff B.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts