The Product Carousel widget in Optimizely <<product-name>> is configurable to display products in a variety ways through the use of Carousel Types and their related options. The Product Carousel widget itself does not display any product content, rather it serves as the container to display a carousel of a defined group of products: Customers Also Purchased, Recently Viewed, Related Products, Top Sellers and Web Cross Sells. Each of these Carousel Types can be customized to control the number of products to display, which product data to display, as well as other details depending on the carousel type.
More specifically, the **Top Sellers** and **Customers Also Purchased** Carousel Types can only be added to specific page types and only if the **Enable Dynamic Recommendations** setting is set to **YES**. For more information on these two Carousel Types, refer to the [Dynamic product recommendations](🔗) article.
Note
Due to the creation of the Product Carousel widget, the following widgets have been deprecated: Recently Viewed, Related Products, and Web Cross Sells. If these widgets currently exist on a website, they will remain active, but cannot be re-added once removed.
### Add the Product Carousel widget
Review the [Adding and editing widgets](🔗) article for the general steps to add the widget.
Once the widget has been selected, select the desired Carousel Type from the menu:
Depending on which Carousel Type is selected, various options can be configured. Each allows for the standard customization options of identifying the Css Class and Title. In addition to that, the following options exist:
<table class="TableStyle-Borders" style="width: 100%; margin-left: 0; margin-right: auto;" data-cellspacing="0"> <thead> <tr class="header TableStyle-Borders-Head-Header1"> <th class="TableStyle-Borders-HeadE-Regular-Header1">Carousel Type Option</th> <th class="TableStyle-Borders-HeadE-Regular-Header1">Carousel Types</th> <th class="TableStyle-Borders-HeadD-Regular-Header1">Description</th> </tr> </thead> <tbody> <tr class="odd TableStyle-Borders-Body-Row1"> <td class="TableStyle-Borders-BodyE-Regular-Row1">Number of Products to Display</td> <td class="TableStyle-Borders-BodyE-Regular-Row1"><ul> <li>Customers Also Purchased</li> <li>Recently Viewed</li> <li>Top Sellers</li> </ul></td> <td class="TableStyle-Borders-BodyD-Regular-Row1">Defines the maximum number of products displayed via the widget.</td> </tr> <tr class="even TableStyle-Borders-Body-Row1"> <td class="TableStyle-Borders-BodyE-Regular-Row1">Seed with Manually Assigned</td> <td class="TableStyle-Borders-BodyE-Regular-Row1"><ul> <li>Customers Also Purchased</li> </ul></td> <td class="TableStyle-Borders-BodyD-Regular-Row1">If there are not enough or no dynamically generated recommendations, products from the selected related products list will be added to the carousel. Dynamically generated recommendations will display first, and no duplicate products will display within the carousel.</td> </tr> <tr class="odd TableStyle-Borders-Body-Row1"> <td class="TableStyle-Borders-BodyE-Regular-Row1">Product Information to Display</td> <td class="TableStyle-Borders-BodyE-Regular-Row1"><ul> <li>All Carousel Types</li> </ul></td> <td class="TableStyle-Borders-BodyD-Regular-Row1">List of product data that can be selected to control what is displayed of hidden via the widget.</td> </tr> <tr class="even TableStyle-Borders-Body-Row1"> <td class="TableStyle-Borders-BodyE-Regular-Row1">Related Products Relationship</td> <td class="TableStyle-Borders-BodyE-Regular-Row1"><ul> <li>Related Products</li> </ul></td> <td class="TableStyle-Borders-BodyD-Regular-Row1">Select whether the related products are accessories or cross sells.</td> </tr> <tr class="odd TableStyle-Borders-Body-Row1"> <td class="TableStyle-Borders-BodyE-Regular-Row1">Display top sellers based on segments</td> <td class="TableStyle-Borders-BodyE-Regular-Row1"><ul> <li>Top Sellers</li> </ul></td> <td class="TableStyle-Borders-BodyD-Regular-Row1">Selecting this option will only show top sellers from categories that are associated with segments. If a visitor does not belong to any segments, then the top sellers from all categories will display.</td> </tr> <tr class="even TableStyle-Borders-Body-Row1"> <td class="TableStyle-Borders-BodyB-Regular-Row1">Display top sellers from</td> <td class="TableStyle-Borders-BodyB-Regular-Row1"><ul> <li>Top Sellers</li> </ul></td> <td class="TableStyle-Borders-BodyA-Regular-Row1">By default, products are recommended from any category. Deselect the categories from which products should not be shown. Categories excluded from dynamic recommendations show as unchecked and grayed out. <div class="note"> <p>If the <strong>Top Sellers</strong> widget option is placed on a <strong>Category</strong> page, the Display Top Sellers From option is hidden. Instead, the widget option pulls top selling products from the category and its subcategories only. If the widget option is added to the <strong>Search Results</strong> page, it functions as if no categories were selected and instead displays top sellers from all categories, unless the category/product is excluded from dynamic recommendations.</p> </div></td> </tr> </tbody> </table>
## Troubleshoot product carousel
There are two situations that would cause the Top Sellers and Customers Also Purchased Carousel Types to not appear as options in the menu:
Situation 1: Dynamic Recommendations are not enabled:
Fix: Go to **Admin Console** \> **Administration** \> **System** \> **Settings** and search for "Enable Dynamic Recommendations". Change the toggle to display **YES**.
Situation 2: The selected page in the CMS does not allow for that carousel type:
Reason: The **Customers Also Purchased** carousel type option can only be added to the **Cart** or **Product Detail** page
Reason: The **Top Sellers** carousel type CANNOT be added to the **Product Detail** page:
Another issue may arise related to themes that prevents the Product Carousel widget from displaying correct only the page:
If, when adding the Product Carousel widget to a page, you receive a **Missing Template** notification you will need to update your project theme to include the prerequisite components that are found within the base Responsive theme: