Support » Plugin: WP-Spreadplugin » How to handle many of products

  • Resolved SignalWarrant

    (@signalwarrant)


    I have a store with 77 products and I’ll be adding more. They are mostly split between 2 different designs.

    I’m currently using the extended shortcode on the home page displaying all products limiting it to 100 and it takes forever to load. I have other pages that are displaying just men and just women products.

    Can I use the infinite scroll with the extended shortcode or is that only available using the non-extended [spreadplugin] shortcode? Ideally I’d like to do it more like the spreadshirt shops do, limit the display to 10 or 20 products then have an arrow to go to the next page.

    This is the site: warranteez.com
    Any ideas?

    http://wordpress.org/plugins/wp-spreadplugin/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    Hi signalwarrant,

    the extended shortcode is just for displaying other items than the normal one, so for example if you want all pages to show just 10 items, you only need to assign 10 in the settings page. You don’t need to enter it again in the extended shortcode.

    In every case the infinite scroll appears if you’ve more items than you entered as limit. The extended shortcode overwrites the existing values in the setting page, so you only need to enter those you want to overwrite.

    I would propose you to set the max limit of articles to display on one page to 10 or 20. Everything above this is just time consuming.

    So the question is why do you limit to 100?

    To have this behaviour like on spreadshirt or http://lovetee.de you’ll need to change the loading behaviour of infinite scroll to a manual one. If I should help you with this let me know (pls send email to me)

    Cheers
    Thimo

    Thread Starter SignalWarrant

    (@signalwarrant)

    Thimo,

    Here is my shortcode for this page: http://www.warranteez.com

    [spreadplugin shop_id=”32553″ shop_limit=”20″ shop_locale=”us_US” shop_source=”com” shop_category=”” shop_social=”1″ shop_enablelink=”1″ shop_productcategory=”All Products” shop_checkoutiframe=”2″ shop_sortby=”Recent” shop_showdescription=”1″ shop_designershop=”0″ shop_display=”0″ shop_api=”” shop_secret=””]

    In the plugin settings I have infinite scroll set to disabled. In this case I only get 20 products with no arrow to click to see the next 20.

    Am I missing something?

    Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    Hi signalwarrant,

    the shop_productcategory is not necessary, but it seems to be ok.
    Infinite scroll seems to be enabled? Well you need to style the “arrow” 🙂

    Let me have a look when everything is that way, then I’ll try to do something for you 🙂

    Cheers
    Thimo

    Thread Starter SignalWarrant

    (@signalwarrant)

    Thimo,

    I now have infinite scroll turned off and I can see the next link now.

    I’m looking to do something like this: http://majorleagueaviation.com/mens-t-shirts/military-helicopter-t-shirts/ with the basket link and next link.

    What do I put in the CSS to get this look?

    Thanks again for your help.

    Plugin Author Thimo Grauerholz

    (@pr3ss-play)

    next link:

    #pagination {
        clear: both;
        float: right !important;
        margin-right: 5em;
        background: -moz-linear-gradient(center top , #46B1E1 0%, #46B1E1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        border-radius: 5px;
        box-shadow: none;
        color: #FFFFFF !important;
        cursor: pointer;
        display: inline-block;
        font-family: inherit;
        font-size: 1em;
        font-weight: bold;
        padding: 6px 13px 5px;
        text-align: center;
        text-decoration: none;
    }

    checkout:

    #checkout {
        background: url("http://idwebstudios.com/build/majorleagueaviation/wp-content/themes/whitelight/images/shopping_cart.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
        height: 50px;
        width: 50px;
        z-index: 15;
    }

    paste it into the custom css of spreadplugin

    Thread Starter SignalWarrant

    (@signalwarrant)

    Thanks for your help Thimo.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to handle many of products’ is closed to new replies.