Overview
Reco uses a two-tier component system to give you flexibility over which product pages show the widget and how they look. Understanding the difference between Global Default and product-specific components is key to getting the most out of Reco.
How It Works
| Component Type | Scope | Limit | Use Case |
|---|---|---|---|
| Global Default | All product pages without a specific assignment | One per store | Consistent look across your entire store |
| Product-specific | One specific product page | Unlimited | Custom styling or settings for key products |
The Priority System
When a customer visits a product page, Reco determines which component to display using this priority order:
| Priority | Check | Result |
|---|---|---|
| 1st | Is there a product-specific component for this product? | Use that component |
| 2nd | Is there a Global Default component? | Use the Global Default |
| 3rd | Neither exists | No widget is shown |
Product-specific components always take priority over the Global Default. This means you can set up a store-wide default and then override it for specific products without affecting the rest of your store.
When to Use Global Default
Use a Global Default component when you want:
- A consistent recommendation widget across all product pages
- A simple setup with minimal configuration
- A fallback for any product page that doesn't have its own component
Most stores only need a Global Default component. It's the simplest way to add recommendations everywhere.
When to Use Product-Specific Components
Use product-specific components when you want:
- Different styling for high-profile or featured products
- Different recommendation scopes (e.g., "Same Type" for one product, "All Products" for another)
- A unique heading or badge style for specific product pages
- Different maximum product counts for specific pages
Example Setup
| Product Page | Component Used | Why |
|---|---|---|
| All regular products | Global Default | Consistent look, "Same Type" scope |
| Best-selling sneakers | Product-specific | Custom heading "Complete the look", "All Products" scope |
| New arrival dress | Product-specific | Different badge colours to match product branding |
| Everything else | Global Default | Covered by the store-wide fallback |
If you delete your Global Default component, all product pages that don't have a specific component will stop showing the widget. Always make sure you have a Global Default in place.