This guide will show you how to use the “Shopr Carousel” widget in your theme using our Shopr plugin. Please note, this widget is not available to use within post content (yet). However it is possible to display the same type of carousel by using the “Shop the post” shortcode in this guide.
The “Shopr Carousel” widget can be select like any other widget by going to Appearance > Widgets in your dashboard:
To display products in the widget, you will first need to create a collection of products. You can then select this collection within the widget options. In the example below, we’ve created a product collection called “Current Faves” then assigned this to the widget:
From start to finish, let’s look at an example:
1. Add some products by going to the Shopr > Add New Product page in your dashboard:
If you have not yet setup any products, you will see an on-screen tutorial showing what each option means.
If you’re not sure what products to add yet, you may wish to import our demo products.
2. Go to Appearance > Widgets in your dashboard:
3. Click and drag the “Shopr Carousel” widget into an position you like:
In the example above, we have positioned the widget in the “Across the top” section, which is available in the Holly & Weave theme (example) as well as others.
4. You can now select a product collection to display in the widget, as well as some other styling options:
The widget also includes some optional extra settings:
Shopstyle List ID – If you use www.shopstylecollective.com you can add a List ID here to automatically display those products
rewardStyle Widget ID – If you use www.rewardstyle.com you can add a widget ID from a “Boutique” or “Shop the post” shortcode. This will display products from those widgets automatically.