using the slider view

  • Resolved lpint

    (@lpint)


    4 months, 2 weeks ago

    I would very much like to put a slider of upcoming events on my home page. See this image for what I am getting right now (on my test page): https://www.dropbox.com/scl/fi/2vr3xz3pvjj69uykpj40e/SliderImage.jpg?rlkey=4stss4zqavz2xik3kxtux7hii&dl=0

    This is the shortcode I’m using: [em_events view=”slider” types=”43,44,46,56,145,164″ individual_events=”this week” disable_filer=”1″]

    I do not want the options on the top right to change the view type. How do I disable them?

    I don’t really want (though I could live with) having the search capability. Is there a way to disable that?

    How do I limit the display of events to the next 7 days? (I don’t want to limit by number of events. This week there may only be 5 events, next week there may be 20 events.)

    Is there a way to get the images to auto-size to the display area?

    Great feature! (especially if I can get it to work the way I’d like. ?? )

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter lpint

    (@lpint)

    I published a test page. Here’s the link: https://mn-act.net/index.php/9278-2/

    I also got it to work for “this month”, but I’m really after “this week”. Actually 7 days starting today.

    Here’s the shortcode from this test page: [em_events view=”slider” types=”43,46,56″ upcoming=”1″ disable_filer=”1″ individual_events=”this month”]

    Another oddity: On our original home page (without the slider), the upcoming events section looks like this image: https://www.dropbox.com/scl/fi/uyybrioo11tio3sg35vbu/homepage_upcoming_events.jpg?rlkey=3qpo2s064ynklmhxg8r7yiau5&dl=0 On the new test page (the original home page with the slider added at the top) the upcoming events section looks like this (I did change the “upcoming Events” to “This week’s events”) https://www.dropbox.com/scl/fi/4lx20jychcsc0zf6tclaw/testpage_upcoming_Events.jpg?rlkey=7ujg7oddbodqgs9dtbdfos8ht&dl=0

    • This reply was modified 4 months, 2 weeks ago by lpint.
    Plugin Support EventPrime Support

    (@eventprimesupport)

    Thanks for reaching out to us.

    Disabling the View Type Options: To disable the view type options on the slider, navigate to your WordPress dashboard. Go to “Events” -> “Settings” -> “Frontend Views” -> “Event Listing” subtab. In the “Available Views” section, select only the “Slider” view. This will remove other view options.

    Disabling the Search Capability: To disable the search capability, use the shortcode [em_events disable_filter=”1″]. (Note: There was a typo in your original shortcode.)

    Limiting Display to the Next 7 Days: Currently, EventPrime does not support directly limiting the display to the next 7 days. We will provide this feature in future updates.

    Fitting Images in the Slider: To fit the images in the slider, use custom CSS. Navigate to “Events” -> “Settings” -> “Custom CSS” tab, and place the following CSS in the TextArea and save changes:

    `.emagic #ep_events_front_views_slider .ep-slide-item-right img {
    min-height: auto;
    object-fit: contain;
    }`

    Correcting the Display of the Calendar Toolbar: To correct the display of the calendar toolbar when using the calendar view with the slider, use the following shortcode wrapped inside a div with the mentioned class:

    <div class="ep-calendar-col-wrap"> 
    [em_events view="listweek" disable_filter="1"] 
</div>

    Then apply the following CSS:

    .ep-calendar-col-wrap #ep_event_calendar.fc .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
}
.ep-calendar-col-wrap #ep_event_calendar.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
    margin: 12px 0px;
}

    If you have any further questions, please don’t hesitate to reach out to us.

    Thread Starter lpint

    (@lpint)

    Y’all are nothing short of amazing! Everything works as expected. Thank you for the always wonderful support!

    Plugin Support EventPrime Support

    (@eventprimesupport)

    We are happy to be of help @lpint.

    Thanks for your kind words ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.