Photo View messing up date order

[Dermot]

Hi there,

just wondering if I’m missing something here. When I select Photo view (which is my favourite view) I get some of my events showing up out of order. This happens when the title of the event is longer than usual, as I have standardised the image size and the text that I use in the excerpt. Is there some way of forcing it to display each event in date order? I’ve attached a pic to show what I mean.

I don’t mind that the events don’t line up BUT I do have a problem with them being out of order as people can easily get confused.

Brilliant plugin – love it! Hopefully this is an easy fix 🙂

Cheers,

Dermot

[Courtney]

Hi Dermot

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 🙂

[Dermot]

The problem Courtney is that everyone reads from left to right and the current Photo View mode is counter intuitive. I will go and post on your user voice page.

Thanks

[Jaime Marchwinski]

Hi Dermot,

Great, thanks for doing that!

In addition, you can check out the following tutorial, which can show you how to change Photo View to an equal-height grid:

https://theeventscalendar.com/knowledgebase/change-photo-view-to-equal-height-grid/

I hope this helps!

 

Thanks,

Jaime

[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