Single Events Not Displaying in Chronological Order in Photo View

[Christopher Roy]

We have events that aren’t showing in the correct order.

The order is correct in List view, but in our default Photo view, a couple of events are not in the right order, with Left to Right being first in date/time.

You can see that in this Photo view, the last two events aren’t in the correct order, but they are when you switch to list view:

https://carvingedgefestival.com/events/

This one:

Tool Fair – Sunday, September 9th, 2018
September 9 @ 11:00 AM – 2:00 PM
https://carvingedgefestival.com/event/tool-fair-sunday-september-9th-2018/

Should appear before this one:

Evening Presentation – Sunday, September 9th, 2018
September 9 @ 7:00 PM – 9:00 PM
https://carvingedgefestival.com/event/evening-presentation-september-9th-2018/

But it’s the other way around. We’ve tripled checked the dates and details but can’t get them to order correctly.

Any ideas?

[Courtney]

Hi Christopher

I’m sorry the Photo View’s sort order is causing you confusion or poor user experience. Others have had similar feedback in the past.

The Photo View uses jQuery Isotope to output the items in a Pinterest-type grid but not in a rigid row-column type grid.

You can view our Demo Site’s Photo View to compare its sorting to how your site is working.

The events are in order if you look at the top of each Photo View item in relationship to the top of the page (not in relationship to each other). Said another way, if your browser’s address bar is the North Pole, all the Photo View items are in order by the earlier start dates being “more north” than later events.

These 2 screenshots may be of further help:

• 1, 2, 3
• 4, 5, 6, 7, 8, 9, 10, 11

I hope this clears things up. Please let me know if you are experiencing something different.

If you’d like to see the sorting script improved, feel free to suggest it as an enhancement at our plugins’ UserVoice page.

This allows others who are interested in that feature to easily voice their support. We frequently review suggestions there to find out which ones are popular, then we implement as many of them as we can.

If you’re wanting Photo View’s sorting or grid/layout customized for your site, I’d guess any customization would need to be done via JavaScript, not CSS. If you need some coding help, you may want to ask your developer or reference our list of known customizers.

Thanks
Courtney 🙂

[Christopher Roy]

Whew, I guess that kinda makes sense but using a simple Left to Right
stacking top to bottom would be much more simple and what I presume most
people would naturally expect the behaviour to be.

Can’t seen any of those screenshots. Nothing there when I click on the
links. Looks like old files posted in 2016 that aren’t there anymore. Can
you resend. I need to *try* and explain this to a bunch of other people and
it would be better to have images,

[Courtney]

Hi Christopher

https://cl.ly/080V033B352p

https://cl.ly/3J1q2y1h0u1Y

It is a request we’ve heard a few times before. Definitely leave some suggestions in our Uservoice about this. I’d love to see some improvements there.

You might find another tool to help you achieve the precise look you want. Our “Events” are actually “custom post types” in WordPress. I know that the Beaver Builder tools have a masonry layout that can display events in a grid like this. There are other page builder tools available as well that are more precise in the layout.

Thanks
Courtney 🙂

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts