2

I have a content type called "Event" which contains a "Date" field. What I want to achive:

1) Create a view which can display 5 events sorted by "Date" and displayed as following:

  • 2 events which are previous to the current date
  • 1 event which is of current or the nearest date
  • 2 events which are following current or the nearest date

2) When these things are ready I want to have a possibility to:

  • scroll up and dynamically load 5 more "previous" events
  • scroll down and dynamically load 5 more "following" events

I understand how to do it with 2 different views displays (one for current and upcoming events and a block before with past events), but the thing is that I need to create a page slider (where each fullscreen slide is one event) which can be slide both before and forward over all site events (there may be a lot of them, so i can't just load all events at once and need to do it dynamically when sliding over). Will be very thankful for any idea how to create such a display using one view.

1 Answer 1

1

You can achieve your requirement by following below steps.

  1. Install Views Field View module.
  2. Create first view of Event content type with 2 events which are previous to the current date
  3. Create second view of Event content type with 2 events which are greater than current date.
  4. Now create on third view with current date and into its header part add first view and into footer part add second view using Views Field View. Follow screenshot attached below

enter image description here

Regarding scroll down functionality install Views Load More module.

I don't know how to achieve scroll up functionality. It something like you have to write custom thing.

1
  • Thanks a lot about your idea. But it seams that in this case I will get 3 different displays inside html structure, so it will be a bit problematically to use js slide code over them. In a best case I want to achive a display which hasa liniar structure of rows with all that content. Anyway, many thanks :)
    – john
    Apr 8, 2016 at 15:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.