Okay
  Public Ticket #2184141
View description details of event when booking has been closed
Closed

Comments

  •  6
    Marc Maessen started the conversation

    How can I still see the event details when booking has been closed? This would be useful for attendees to see the information in the description after the option to book the event (when it is full or when the booking end date has been met).

  •  2,572
    Aleksandar replied

    Hello Marc.

    I am sorry to disappoint you, but unfortunately something like this is not possible with the plugin's built-in features.

    Once the booking is closed, your customers would only be able to see basic event information, like this:

    1928926895.png

    But they wouldn't be able to expand that. If they signed up, they would be able to log into their WP account, and see the event from there.

    Best regards.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  6
    Marc Maessen replied

    Hi Aleksandar,

    Since we don't have our users create WP accounts this is not a workable solution (most users who book events aren't familiar with WP and don't want / need another account somewhere). Is there no other solution which can show the event details even after it is booked like with some sort of HTML code I can add to the page displaying the events view? 


    In the description we will also put additional information about the event like what you need in preparation so them not being able to access this anymore is problematic to say the least.  

    I'm trying to think of another solution besides creating WP accounts for them but nothing comes to mind, if you have any other ideas then please let me know.

  •  6
    Marc Maessen replied

    Ideally, my preferred solution would be that the event description can still be displayed after an event has closed for booking AND that it can handle carriage returns and spaces (I'm not asking for rich text, just those 2 would be enough) as mentioned in https://tmsplugins.ticksy.com/ticket/2184576/ .


    Since this issue does pose a problem for my client and make the plugin not ready to use yet, I am hoping there is some sort of other solution which we can perhaps come to which is an acceptable workaround for both issues.

  •  2,572
    Aleksandar replied

    Hello again Marc.

    First - about spaces and carriage returns. I believe you mean that the description should look the same in front-and in back end, correct?

    This can be done with some HTML tags.

    For instance this description:

    5708919753.png

    Will show up like this in front end:

    1211183425.png

    And "Google" and "e-mails" are clickable links:

    9134707398.png

    You can even add the style CSS property to change the link color, so it doesn't look like normal text, like this:

    4429986009.png

    And it comes up like this in front:

    1508955970.png

    This also works with <strong>for bold text</strong> or <i>for italic text</i>.

    Now, the only thing I can do for the description to appear for closed events is to provide some CSS which would override the logic, and only display the description without having links active anymore, like this:

    5836757665.png

    However, this can only be done for each event individually, using this CSS:

    <style>
    #am-event-5 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-5 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    </style>
    

    The first line displays the description automatically, and the second line hides the "Book now" button after the booking closes. You'd have to do this for all events on the page, unfortunately.

    I have forwarded the request to our development team, and they are confident that this can be included so it becomes a built-in feature in the plugin. I do hope they'll have the time to implement it for the next release, since it is scheduled in a few days.

    I can help you out with the selectors until then, so you can use this workaround until the feature is implemented. Here's how the first event on your page would look like:

    7287486008.png

    And, to apply this to all events you currently have on your page, you'd need to add this before [ameliaevents] shortcode:

    <style>
    #am-event-1 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-1 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-2 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-2 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-8 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-8 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-5 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-5 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-4 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-4 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-6 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-6 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-7 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-7 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-9 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-9 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-10 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-10 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-11 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-11 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-12 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-12 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-13 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-13 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    #am-event-14 > div:nth-child(2) {
    display: block !important;
    }
    #am-event-14 > div:nth-child(2) > div.am-event-book-cta.closed {
    display: none !important;
    }
    </style>

    Please note, though, that this will expand the event description for all events on the page, regardless of if they are closed or not.

    Best regards.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  6
    Marc Maessen replied

    Thank you SOO Much for all your detailed replies Aleksandar,


    This is perfect and works for me for now so I will implement it this weekend. Thanks again !

  •  2,572
    Aleksandar replied

    You're welcome Marc.

    Glad I could help.

    If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables