WordPress.org

Ready to get started?Download WordPress

Forums

Infinite-Scroll
Does it work in woocommerce shop page?? (19 posts)

  1. orko9696
    Member
    Posted 8 months ago #

    Hi, i have a woocommerce store and i wanted to set it in my shop page, is there any guide for it?

    http://wordpress.org/plugins/infinite-scroll/

  2. Kimber254
    Member
    Posted 8 months ago #

    I'd like to know that too. I got the link off wootheme page but not sure what to do for this to work on the shop page.

  3. Kimber254
    Member
    Posted 8 months ago #

    I found "Why doesn’t it work on ____ page?
    Currently, the plugin is disabled for everything but the main page, but I’ll work on enabling it for Archives, Categories, and Tags."

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

    and I have a shop page set as my home page so I assume that is why it's not working correctly.

  4. orko9696
    Member
    Posted 8 months ago #

    I also did that, my shop is also set as home page.

  5. Kimber254
    Member
    Posted 8 months ago #

    Hi, I did find out that if you set the number of post showing on the home page as 20 then 20 product will show on each page. It doesn't help with this plug in but at least you get more products on the home page.

  6. Jon-B
    Member
    Posted 7 months ago #

    I posted how to get it to work in another thread already using woothemes canvas.

    Please note I don't think these are universal settings and you may need to adapt them to your theme

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

    Unfortunately it doesn't work very well with the Ajax Layered Navigation woocommerce plugin, so if you are using inf scroll then you are probably not going to want to use that as well. Much to my annoyance. It does work seem to work fine with the standard in built layered nav widget though.

    If you have these settings in, then you can't also have it working on the blog page as well. (unless someone knows otherwise)

  7. Saturn
    Member
    Posted 6 months ago #

    doesn't work for me even when using the correct CSS selectors.

  8. darkbluexx
    Member
    Posted 4 months ago #

    Hi guys, I was trying to integrate the infinite scroll into my website built on WordPress3.8.1 with Mystile theme and Woocommerce 2.0.20
    I added the CSS selectors to my Infinite-scroll setting page as following:

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

    and it worked like magic!!!!
    Note:
    if you have YITH Ajax Layered Navigation filter installed that may cause problems as JON-B mentioned above, to avoid the javascript conflict caused by the 2 plugins, change the Ajax layered nav with Woocommerce Layered navigation which btw comes with your Woocommerce default widgets(Admin dashboard > appearance >widget> woocommerce layered nav) more information about how to use it could be found here.
    It has the same functionalists as YITH Ajax layered navigation. after that go to your products shop page and refresh the page to see the plugin in action.
    I hope this can help somebody else trying to install #Infinite-Scroll plugin on #Woocommerce 2.0.20.

  9. makhovsky
    Member
    Posted 3 months ago #

    I added the CSS selectors to my Infinite-scroll setting page as following:

    Where you added it? (exactly filepath and filename)

    Thanks!

  10. Jon-B
    Member
    Posted 3 months ago #

    You do it in the wordpress admin, there is no filepath and filename.

    In your wordpress admin, go to the settings on the menu and then click on infinite scroll.

    There are four boxes there to put the settings in. There is a screenshot of them on the plugins screenshot page: http://wordpress.org/plugins/infinite-scroll/screenshots/

  11. me8him
    Member
    Posted 3 months ago #

    It does work with the right selectors but it seems to be breaking the media uploader...

  12. makhovsky
    Member
    Posted 3 months ago #

    Jon-B, thank you! I found it for theme "twentytwelve"! But i can't set this for current theme "flatsome".
    http://imglink.ru/show-image.php?id=84ccf96fdc31a426e67c6f7eab78756d

  13. Jon-B
    Member
    Posted 3 months ago #

    TwentyTwelve has presets already submitted in by others.

    For that theme if there isn't a pre-set already submitted, then you will have to manually work them out and enter them in the four boxes on the infinite scroll options in your wordpress admin.

    Please note this thread is for using it with woocommerce. If you are just trying to set it up for posts in another theme, then I suggest creating a new thread. If you can't work it out yourself then make sure you create a link to an installation using that theme and pershaps someone can take a look and help you work it out.

    You could also try emailing the theme author for support.

  14. makhovsky
    Member
    Posted 3 months ago #

    then you will have to manually work them out and enter them in the four boxes

    at first I can enter in the four boxes on the infinite scroll options in wordpress admin page like this http://s.w.org/plugins/infinite-scroll/screenshot-1.png?r=905395 (data is other)

    But this only for TwentyTwelve theme.
    I can't see the buttons "save" and "cancel" for themes...it's strange

  15. Jon-B
    Member
    Posted 3 months ago #

    I'd create a new support thread then. I've no idea why you can't see those buttons.

  16. remyl
    Member
    Posted 1 month ago #

    Hi, I just wanted to share with you classes I put to make it work.

    #content
    .woocommerce-pagination
    .woocommerce-pagination a.next
    ul.products

    First I tried to put li.products instead of ul.products but the render was bad because the CSS style for products is :

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product

    Now it's working fine and looking good :)

    Cheers

  17. kevin
    Member
    Posted 1 month ago #

    Did anyone check the WooCommerce Infinite Product Scroll plugin?

    I'm also looking for this and got to find this one.
    Woocommerce 2.0 compatible.

  18. SFBA Guy
    Member
    Posted 3 weeks ago #

    These work for me with the Salient theme:

    salient,ul.products,.woocommerce-pagination,li.product,.next.page-numbers

  19. erez_lieberman
    Member
    Posted 6 days ago #

    this settings work for me:

    "nextSelector":".woocommerce-pagination .page-numbers li a.next",
    "navSelector":".woocommerce-pagination",
    "itemSelector":".products li",
    "contentSelector":".products"

Reply

You must log in to post.

About this Plugin

About this Topic