Infinite Scroll

[Robert]

I was wondering if anyone could help me with the Infinite Scroll plugin and implementing with ECP. It asks for several selectors to run properly and unfortunately the theme I am using did not automatically populate the selectors for me (some themes integrate seamlessly). Below I have my settings to the best of my knowledge on the selectors being used with my theme and ECP. It may not me right.

I need 4 CSS Selectors:

Content CSS Selector: #content-container
Post CSS Selector: #tribe-events-content div.upcoming (I am using what I think is ECPs selector)
Navigation links CSS Selector: #tribe-events-nav-below div.tribe-events-nav clearfix (I am using what I think is ECPs selector)
Previous Posts CSS Selector:div.tribe-events-nav-next (I am using what I think is ECPs selector)

Any help would be appreciates.

Plugin:
http://www.infinite-scroll.com/

Site:
http://dev.championroper.com/events/
(btw resize your browser, It is responsive! I was going to add to the showcase when I am finished, since I have yet to see a responsive ECP showcase)

[Rob]

Hey Robert. Thanks for reaching out; your site is looking solid, and the team here will definitely appreciate having something responsive in the showcase 🙂

This goes a bit outside my area of expertise, so I’m going to see if our dev Jonah can chime in with any suggestions when he hits the forum tomorrow.

[Jonah]

Hey Robert,

Try changing your Post CSS Selector to: #content-container .list-post
The Navigation links CSS Selector to: #tribe-events-nav-below
And the Previous Posts CSS Selector to: .tribe-events-nav-previous a

[Robert]

Jonah, thank you for the help. I had to take it a step further to get it to work properly. You guys might think about adding a feature like this to ECP. The following is what I had to do to get it to work for me:

Content CSS Selector: #content #tf-left-column .content-container #tribe-events-content #tribe-events-loop

Post CSS Selector: #content #tf-left-column .content-container #tribe-events-content #tribe-events-loop .list-post

Navigation links CSS Selector: #tribe-events-nav-below

Previous Posts CSS Selector: .tribe-events-nav-previous a

Thanks again for getting me there!

[Rob]

Excellent! Thanks for the tip, Robert – we’ll review on our end and see if this makes sense to integrate. Appreciate the heads up.

If you need anything else as you keep using the plugin, please let us know. Thanks again for your support.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts