WordPress.org

Ready to get started?Download WordPress

Forums

Infinite-Scroll
[resolved] Infinite Scroll - Presets for Canvas theme (Woothemes) (32 posts)

  1. increase_book
    Member
    Posted 1 year ago #

    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 : http://www.progresser-en-informatique.com

  2. ishmaeldaro
    Member
    Posted 1 year ago #

    As of Canvas 5.2.0, this no longer seems to work. Does anyone have an update?

  3. LuckyLuke878
    Member
    Posted 1 year ago #

    Yes, I'm also looking for the new Canvas selector values.

    Anybody got this working for Canvas 5.2.5?

  4. allmyhoney
    Member
    Posted 1 year ago #

    Hi all, I am using canvas 5.2.6 and also looking for the correct setup to get this to work again?

  5. Grumbledook
    Member
    Posted 1 year ago #

    I've got it working on woocommerce using canvas so this may work (I've got the canvas pagination settings set to numbers not next/prev though:

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

    This is what works for woocommerce, so tinker if the above doesn't work for posts.

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

  6. allmyhoney
    Member
    Posted 1 year ago #

    Thanks for the feedback Grumbledook, Can I ask which version of canvas are you using. I am using the latest canvas 5.2.7 and your settings above dont seem to do the trick for me. I have tinkered quite a bit at this stage with firebug with little success so if anyone has any other thoughts on this that would be great. Thanks for your time.

  7. sconstan
    Member
    Posted 1 year ago #

    thanks for this!

  8. mbenari
    Member
    Posted 1 year ago #

    Neither works for me either :/

  9. Grumbledook
    Member
    Posted 1 year ago #

    I don't have any posts on my install right now to test it with, only products with woocommerce products. If I manage to get some time to test it out I'll try and remember to report back.

  10. allmyhoney
    Member
    Posted 1 year ago #

    If its any worth to anyone, I asked the woo guys to test it on a few of their themes and they reported back saying it not work on any of the newer themes they tested it on so maybe something is a miss here.

  11. Grumbledook
    Member
    Posted 1 year ago #

    Just upgraded another of my sites using canvas to 5.2.7 and my own custom child theme.

    Canvas Theme Options -> Display options -> Pagination Style set to Numbers

    Inf Scroll settings:

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

    This works fine on my site.

  12. allmyhoney
    Member
    Posted 1 year ago #

    yes I can also confirm that those settings work Grumbledook - the one that I had different was the final one for .post

    Thank you for your time on this.

  13. mbenari
    Member
    Posted 1 year ago #

    This works perfect on my home page when I set my front page reading settings to show "Your latest posts." However, it does not work when on my Canvas Blog template. Is there any way to get it functioning there (or the magazine template)? The selectors look like they should be exactly the same so not sure why it's not working.

    Thanks again Grumbledook and everybody else!

  14. Grumbledook
    Member
    Posted 1 year ago #

    Hard to say without looking at your site and seeing what the css id and classes are. Those are the settings on my blog page (I don't have them on the front page) and it's the default untouched canvas template.

    Only thing that it may be is if you have the pagination settings not set to numbers in the theme settings?

  15. mbenari
    Member
    Posted 1 year ago #

    I am using the same setup as you - untouched canvas 5.2.7 and child theme & pagination set to numbers.

    Here is the front page working.
    Blog template page not working.

    The selectors look the same to me so I don't know why it would not be working. Let me know if you have any idea.

  16. Grumbledook
    Member
    Posted 1 year ago #

    Both links are the same page...

  17. mbenari
    Member
    Posted 1 year ago #

  18. Grumbledook
    Member
    Posted 1 year ago #

    Yeah they look exactly the same to me so I'd expect it to work on both. I'm all out of ideas sorry.

  19. increase_book
    Member
    Posted 1 year ago #

    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 !

  20. ishmaeldaro
    Member
    Posted 1 year ago #

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

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

  21. palihapiz
    Member
    Posted 11 months ago #

    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..

  22. zerodegreeburn
    Member
    Posted 11 months ago #

    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).

  23. Grumbledook
    Member
    Posted 10 months ago #

    Hey zerodegreeburn,

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

  24. zerodegreeburn
    Member
    Posted 10 months ago #

    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.

  25. 1mihkel
    Member
    Posted 9 months ago #

    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: http://www.eestimuusika.ee.

    Maybe someone knows what might be the correct selectors?

  26. Jon-B
    Member
    Posted 9 months ago #

    @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.

  27. 1mihkel
    Member
    Posted 9 months ago #

    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?

  28. emue
    Member
    Posted 7 months ago #

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

  29. raisonon
    Member
    Posted 7 months ago #

    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

  30. radiocure1
    Member
    Posted 7 months ago #

    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
    http://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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic