Okay
  Public Ticket #3636579
Events Filters
Closed

Comments

  •  7
    Gerhard Reus started the conversation

    Hello Amelia Support Team,

    We're managing a high volume of events and looking to optimize the event list filters to suit our needs. Specifically, we'd like to make the following adjustments:

    1. Remove the "Search for Events" option: Our events are fairly uniform, so a text-based search feature isn't necessary.
    2. Eliminate tags and location filters: These currently don’t add value to our users' experience.
    3. Directly display a date filter: Instead of having visitors click a "Filters" button, we would prefer the date filter to be immediately visible and accessible on the page.

    The current setup, which requires clicking the "Filters" button only to reveal unnecessary options, doesn't align well with our usage. These changes would streamline the process and enhance usability for our visitors.

    Could you guide us on how to implement these modifications, or if there’s a possibility for custom configuration on your end?

  •  1,184
    Uroš replied

    Hello Gerhard,

    Thank you for reaching out to us.

    1. 2. Please try the following CSS codes:

    #amelia-container > div > div.am-els__filters > div.am-els__filters-top > div.am-els__filters-search{
        display: none !important;
    }
    #amelia-container > div > div.am-els__filters > div.am-els__filters-menu.am-rw-768.am-rw-650.am-rw-600 > div:nth-child(1){
        display: none !important;
    }

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

    Please let me know if you have any other questions.


    Kind Regards, 

    Uros Jovanovic
    [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

  •  7
    Gerhard Reus replied

    Thank you so much for your help! It's perfect now.

    Your code didn't remove the search bar and I would have had to target the second child in a separate line but I found a better solution.

    Here it is, if anyone else needs this same functionality:


    /* Hide the search field */
    #amelia-container div.am-els__filters-top div.am-els__filters-search {
        display: none !important;
    }

    /* Hide all filter dropdowns except the last one */
    #amelia-container div.am-els__filters-menu.am-rw-768.am-rw-650.am-rw-600 div:not(:last-child) {
        display: none !important;
    }

    /* Ensures alignment to the left */
    .amelia-v2-booking #amelia-container .am-els__filters-top {
        justify-content: flex-start !important;
    }

    /* Removes left margin from the filter button */
    .amelia-v2-booking #amelia-container .am-els__filters-menu__btn {
        margin-left: 0 !important;
    }


    The first line gets rid of the search field, the second one of everything except for the last child which is the date picker, the third line aligns the "Filter" button the the left and the fourth line gets rid of the 8px margin so the Filter button aligns nicely with the date picker.

    I also tried to get rid of the Filter button since there would be no need for it but then decided to change the label and now it's a really clean and clear solution.

    Thank you so much for your help!!!

    Attached files:  Screenshot 2024-04-30 181919.png

  •  1,184
    Uroš replied

    Hello Gerhard,

    Thank you for the update on this and for sharing the complete solution with us.

    Please let me know if you have any other questions.

    I will have this ticket closed now.


    Kind Regards, 

    Uros Jovanovic
    [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