Shopr: What is a ‘Product Collection’?

The information on this page relates to our Shopr WordPress plugin.

Product Collections allow you to group products together and display them in a widget/page. For example, you might have a Product Collection called “Shoes”, which you add all show products to. You would then be able to display those shoes in the Shopr Carousel widget or other options.

Collections can also be used to display products within a post/page. For example, if you created a blog post about your favourite horror books in 2017, you might create a “Favourite Horror Books 2017” Collection.

Another example would be if you created an outfit/style post. You could create a Collection of all the clothing items you are wearing and then use this to display the products in the post itself.

Product Collections work in a similar way to post categories. You can add a product to as many Collections as you like. For example, you might have a new handbag which is in a “New for 2017” Collection, and also in a style post Collection separately. You could then display the same product in a widget and within that particular blog post.

How to add a product to a Collection

When creating a new product, you can add it to a Collection by using the option at the bottom of the screen. You can also use the same option when editing a product that already exists.

You can view/edit your Collections via the Shopr > Product Collections page in your dashboard:

Collections can also create different sections of the main Shopr page. For example, the tabs shown below are all different Product Collections which people can browse:

How to display products from a specific Collection only

You can display a specific Collection within either of the Shopr shortcodes. For example, the following shortcode would show all products from the “Denim” Collection in a grid layout:

The following shortcode would show all “Denim” products in a “Shop the post” style carousel:

You can also list multiple collections in a comma separated list. The following shortcode would show products from the “Denim”, “Shoes” and “Dresses” collections.

Was this article helpful?

18 Comments

  1. Celeste

    Hi Phil! Could you please tell me if it’s possible to display collection tabs for ShopStyle list products? I’m probably doing something wrong but I’m trying to add them to collections like this and no tabs are showing on my posts:
    [shopr collection=”embroidery-shoes” shopstyle=”48885945″]
    [shopr collection=”embroidery-dresses” shopstyle=”48890430″]
    Thank you!

    1. Phil (pipdig)

      Hi Celeste, this is a feature we’ve been hoping to add for a while now. The good news is that we have now included this in the latest update to the plugin. After updating, you can add a Shopstyle Collective List ID to a Shopr Product Collection via section 9 of this guide. You can then remove the “shopstyle” section of your shortcodes, as it won’t be required. Any products in the List will be shown in the Collection automatically.

      The reason that no tabs are showing for those 2 shortcodes is that there is only a single Product Collection selected. If you add more than one Collection, the tabs will show. For example:

      [shopr collection=’embroidery-shoes,embroidery-dresses’]

      1. Celeste

        Thanks, Phil! I’ve just completed those steps but it still won’t show any collections tabs. I guess I’m probably doing something wrong.
        Just to make sure we’re talking about the same thing. I’m trying to display these collection tabs within a post, not a shopr page alone. Is it supposed to work like this as well?

        1. Phil (pipdig)

          It should work in this case too, so there may be an issue with the shortcode you’re using. I’ll send you an email in a moment so I can take a closer look 🙂

  2. PETIT TRENDY

    Bonjour,
    quand j’insère une collection, les articles apparaissent plusieurs fois sur la même ligne, sans fair défiler le carousel.
    Pouvez-vous m’aider, merci d’avance
    PetiteTrendy

    when I insert a collection, the articles appear several times on the same line, without scrolling through the carousel.

    1. Phil (pipdig)

      Hi there! This may be because there are less than 4 products within the collection. How many products are in that collection?

      1. PETITE TRENDY

        Hello, it’s fix now. I have one more question please. How can i reduce the length of the carrousel.

        1. Phil (pipdig)

          Great! Glad to here that issue was sorted.

          What do you mean by the length? Do you mean how wide it is across the screen? If so, this is not possible within the widget itself as it will always fill 100% width of the space available. However if you place the widget inside of a smaller section then it will appear smaller.

  3. Angela

    Hi Phil,
    I have about 10 different collection categories for my main shopr page. How do I add all the collection tabs to create the shop page? When I go to ”product collections’ in the Shopr in my dashboard, I don’t see a drop down of all the tabs I can choose from. When I added the LIST ID from ShopStyle, it showed all the products on the page, but no collection tabs above. What did I do wrong?

  4. claudia

    my products collection is not showing up in the shop page

    1. Phil (pipdig)

      Hi Claudia!

      What is the shortcode that is in use on the Shop page?

      Are there any products in the collection? You can check how many products are in a collection by going to ‘Shopr > Product Collections’.

  5. Charli

    Hi there,

    I’m really loving this widget but don’t want all collection to appear in my shop page – only on specific posts. Is there a way to configure this?

    1. Phil (pipdig)

      Hi Charlie, glad you like it! Which widget are you using? Is it the “shop the post” carousel or the grid layout?

        1. Phil (pipdig)

          This is possible by changing the [shopr] shortcode to include the “collection” option, then assigning the collections in a comma separated list. I’ve added some information about this above, as I’ve just realised this is not yet documented 🙂

  6. Jasmin

    Hi Phil,

    Have just purchased this plugin and I’m having fun playing around with it. A quick question, is there a way to make the image bigger than a thumbnail? For example I’m trying to use it to do a Wishlist post, but the images are too small at the moment.

    Thanks

    Jasmin (Just Lovely Little Things)

    1. Phil (pipdig)

      Hi Jasmin, glad you’re having fun with it so far!

      Are you currently using a shop the post widget to display the products? If so, you can increase the image size via the options. If you’d like further control over the image size you’re welcome to send feedback to me via email. You can reply to any message we’ve had in the past. I might be able to add some new options for you which will help with what you’re trying to achieve.

Leave a comment


The link to your website will be visible to support staff only and will not be shown publicly.
If you do not yet have a website, simply enter "none" in the box.