• Resolved increase_book

    (@increase_book)


    Here is the infinite scroll presets for the Canvas Theme (Woothemes).

    First:
    – open your wordpress admin panel
    – go in the woothemes Theme Options
    – under the Display Options of the Canvas Theme, select “Next/Previous” as Pagination style.

    This is a very important step.

    Then, use the following informations to configure Infinite Scroll.

    Content Selector : #main
    Navigation Selector : div.nav-entries
    Next Selector : div.nav-entries a:first
    Item Selector : #content div.post

    Demo : https://www.progresser-en-informatique.com

Viewing 15 replies - 16 through 30 (of 31 total)
  • Yeah they look exactly the same to me so I’d expect it to work on both. I’m all out of ideas sorry.

    Thread Starter increase_book

    (@increase_book)

    Thanks a lot Grumbledook. It works like a charm with the latest version of canvas (5.2.7).

    I hope that woothemes will not change their css in the next releases !

    Thanks, Grumbledook. Those settings with numbered pagination works perfectly.

    #content #main
    .woo-pagination
    .woo-pagination a.next
    .post

    Hi guy,

    Im using canvas theme and woocommerce, plugin loading great in woocomerce but the problem is image loading is on top page and the finish text also showing at top..

    another problem is loading text only showing until 3rd page next page not showing but the page load normal.. i believe the text is also showing top of the page after 3rd page.

    anyone can advise me pls.. thank you..

    Grumbledock, did you manage to get Manual Trigger working with woocommerce? I tried changing the content selector to just ul.products but nothing initialises for me (no errors in console either).

    Hey zerodegreeburn,

    My first post in this thread shows the settings I used to get it working on woocommerce.

    I used them so thanks very much for posting them, but for some reason I can’t select the Manual Trigger option – no button appears. If I select the default option the products appear as you scroll down, which is good enough I guess.

    I have tried all the possibilities that I’ve come up and read from support forums, I still can’t make it work for Woocommerce and Mystile theme.

    This is the website in question: https://www.eestimuusika.ee.

    Maybe someone knows what might be the correct selectors?

    @1mihkel after looking at your site I’m surprised the above settings don’t work for you:

    #content #main ul.products
    .woo-pagination
    .woo-pagination a.next
    ul.products li.product

    are you using those or have you got other settings? Maybe you have another plugin installed that is conflicting with it.

    I shut down some plugins and it started working!

    Only problem now is, that it’s not showing the “loading..” text and image. Any ideas how to fix that?

    Hi, Can anyone tell me where the lines have to be added?
    In which file? thx.

    For Canvas 5.5.1 you must add the following in Settings > Infinite Scroll:

    https://www.dropbox.com/s/9eh977tihhjpmt3/Screenshot%202013-11-28%2013.23.25.png

    I can’t seem to figure out which CSS selectors to use to make Infinite scroll work. Can anyone take a look and help me figure it out? I would very much appreciate it. The site is
    https://techmarketingbuffalo.com

    The CSS selectors I’m currently using but aren’t working are:

    Content Selector: #content
    Navigation Selector: .pagination
    Next Selector: .pagination a:next
    Item Selector: .post

    This thread was for people using the canvas theme, it doesn’t appear that you are.

    A quick look at your site though and I think you need to change the content selector to #main #content

    If that doesn’t work though, I suggest making a separate thread as this will get confusing if people start posting on this thread asking about lots of different themes.

Viewing 15 replies - 16 through 30 (of 31 total)
  • The topic ‘Infinite Scroll – Presets for Canvas theme (Woothemes)’ is closed to new replies.