• Resolved terralifeyoga

    (@terralifeyoga)


    I would like to have a custom button displayed for each event on the events page list. This button will be for a modal popup in which customers can checkout directly without visiting the event’s separate page. I have the code already created (and in use at terralifeyoga.com/live). I added a custom HTML block to one event page for the Events Calendar, but when I viewed the Events page in list view, this custom HTML displayed as text rather than the actual button. Essentially, I would like the list view to show the user the event date, event title, description, featured image, and my custom button.

    How can I add this functionality to my events? Thank you. Please note that currently my Events page is not visible while I work on this issue. Please see the aforementioned link for the button I would like to add.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @terralifeyoga,
    Thanks for writing in,

    The right way to accomplish this is by customizing the template for the single event on list view. This is the file you need to copy: /the-events-calendar/src/views/v2/list/event.php

    You need to place the copy here: [your-theme]/tribe/events/v2/list/

    Once you have the copy in place, you can start customizing the template. There are a couple of different ways to do that. You can create a separate file for the button and call it from the event.php template the same way it calls all the other pieces, or you can just write the code for the button in the right place inside event.php. Either way should work just fine.

    Let me know how it goes.

    Best
    Santiago

    Thank you for the reply. I need more control over the individual event, though. I use two buttons, one that is visible for non-members and one visible for members (via Paidmembershipspro). The members button passes a coupon code via the button code, and this coupon code changes for each event. If I’m not mistaken, this functionality is not something I can achieve via the event.php file, but if it is, I’d love to learn.

    Hi @rolandm5,
    I would like to have some more context about those two buttons you mentioned. Where is it that you “use” them? Could you elaborate more about what you need to accomplish? I’d be happy to point you in the right direction.

    All the best
    Santiago

    On my events page, I have two buttons in the block for each event: one button shows up for non-members and uses Eventbrite’s checkout code for that event; the other button shows up for members and uses Eventbrite’s checkout code with a discount code passed automatically. I control who sees which button via the Paidmembershipspro plugin. Thus, if I use The Events Calendar, I need to be able to duplicate this setup.

    Jaime

    (@jaimemarchwinski)

    Hi @rolandm5

    Thanks for the information. If you’d like to duplicate this setup on your Events Calendar pages, you’ll have to dig into the code that you’d like to duplicate and add it to a template override of the single event template, as Santiago mentioned.

    I hope that helps!

    Thanks,
    Jaime

    Jaime

    (@jaimemarchwinski)

    Hey there! This thread has been inactive for a while so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up and we’d be happy to help.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Custom button on events list’ is closed to new replies.