Frequently Asked Questions
Find answers to common questions about Breadcrumbs & Categories.
Breadcrumbs & Categories is a comprehensive Shopify app that enhances your store's navigation by providing:
Smart breadcrumb trails for better customer navigation
Advanced category management beyond Shopify's basic collections
SEO optimization with structured data markup
Customizable designs to match your store's theme
Breadcrumbs & Categories extends Shopify collections with powerful features for better navigation and SEO:
| Feature | Shopify Collections | Breadcrumbs & Categories |
|---|---|---|
| Hierarchy | Flat structure only | ✅ Multi-level hierarchy (unlimited depth) |
| Breadcrumbs | Manual setup required | ✅ Automatic generation with structured data |
| SEO | Basic meta tags | ✅ Advanced JSON-LD structured data + rich snippets |
| Navigation | Simple collection pages | ✅ Smart breadcrumb trails + visitor path tracking |
| Customization | Limited theme options | ✅ Extensive styling: colors, separators, spacing, mobile |
| Product Organization | Simple tag/type rules | ✅ Complex rule-based assignment + drag-and-drop tree |
| Multi-collection Products | No breadcrumb control | ✅ Smart mode (visitor path) + Classic mode (priority) |
| Theme Support | Theme 2.0 only | ✅ Both Theme 2.0 + Vintage Theme 1.0 support |
| Build from Menu | Not available | ✅ Auto-generate tree from existing menus |
| Internationalization | Manual translation | ✅ Auto-translation for 52 languages |
Yes! Breadcrumbs & Categories works with all modern Shopify themes (Online Store 2.0+) that support app blocks.
✅ Auto-detection of theme styles for seamless integration
✅ Drag-and-drop blocks for easy installation
✅ Full customization in theme editor
✅ Instant preview of changes
✅ Compatible with Dawn and all modern themes
✅ Mobile-responsive design
Installation is quick and easy:
⏱️ 2-3 minutes: App installation from Shopify App Store
⏱️ 5-10 minutes: Initial setup and configuration
⏱️ 10-15 minutes: Customization and testing
Total setup time: 15-30 minutes for most stores
No coding required! The app is designed for non-technical users:
🎯 Point-and-click interface
🔧 Visual customization tools
📋 Pre-built templates and styles
🤖 Auto-setup wizards
No, the app is optimized for performance:
⚡ Lightweight code (under 50KB total)
🚀 Lazy loading for non-critical features
💾 Caching to minimize server requests
📱 Mobile optimized for fast loading
Yes, extensive customization options are available:
Pre-built Styles:
Classic, Modern, Minimal, Bold themes
10+ color schemes
Multiple separator options (>, /, →, |)
Custom Styling:
Text size - Adjust in Visual Design & Text Styling
Background shade - Set in Color Scheme
Spacing and positioning - Configure in Spacing & Padding
Mobile-specific designs - Use Visibility Options
Advanced Options:
Breadcrumb Divider Symbol - Choose in Expert Configuration
Home display type - Set in Custom page names
Hover effects - Select in Visibility Options
The app provides automatic translations for breadcrumb labels across 52 languages!
When to use this feature:
✅ Enable if: Your store supports multiple languages and you want breadcrumbs to automatically translate
❌ Don't enable if: Your store only uses one language - customize text directly in theme editor instead
What gets translated:
🏠 Home, All products, Collections, Search for
📝 Blog, News, Pages, Articles, Products
How to enable:
Go to App Settings → Internationalization (i18n)
Toggle "Enable automatic translations" to ON
Save settings
Supported languages (52 total):
🇪🇺 European (25): Afrikaans, Albanian, Bulgarian, Catalan, Croatian, Czech, Danish, Dutch, English, Estonian, Finnish, French, German, Greek, Hungarian, Icelandic, Italian, Latvian, Lithuanian, Maltese, Norwegian, Polish, Romanian, Slovak, Slovenian, Spanish, Swedish, Turkish, Ukrainian
🌏 Asian (13): Bengali, Chinese (Simplified), Chinese (Traditional), Hindi, Indonesian, Japanese, Korean, Malay, Persian, Tamil, Thai, Urdu, Vietnamese
🌍 Middle Eastern & African (6): Arabic, Amharic, Hebrew, Swahili, Xhosa, Zulu
🌎 Americas (8): Galician, Guarani, Haitian Creole, Portuguese (Brazil), Portuguese (Portugal), Quechua, Spanish (Latin America), Welsh
Breadcrumbs provide multiple SEO benefits:
Structured Data:
JSON-LD markup for search engines
Rich snippets in search results
Enhanced SERP appearance
Site Architecture:
Clear hierarchy signals to Google
Improved crawlability
Better internal linking
User Experience:
Reduced bounce rates
Increased page views
Better engagement metrics
Yes! The app fully supports products in multiple categories/collections with smart, dynamic breadcrumb selection.
🪄 Mode 1: Smart behaviour
Best for: Enhancing user experience with dynamic, context-aware breadcrumbs. Breadcrumbs dynamically adapt to match the actual collection path visitors browsed from.
Visitor from Collection A sees: Home > Collection A > Product-1
Visitor from Collection B sees: Home > Collection B > Product-1
Both URLs are still: /products/product-1 (SEO-safe canonical URL)
✅ Enhanced user experience - breadcrumbs match visitor's actual journey
✅ Clean /products/product-name URLs (no URL changes needed)
✅ SEO-safe: Product keeps single canonical URL
📌 Mode 2: Classic priority
Best for: Maximum SEO stability with fixed, predictable breadcrumb paths. Uses a fixed 3-tier priority system to ensure the same product always shows the same breadcrumb path.
All visitors see: Home > Default Collection > Product-1
URL is always: /products/product-1
Structured data always shows the same path
Priority order: Manual Default → URL Context → Automatic
Common solutions:
1. Check App Status:
Ensure app is installed and activated
Verify permissions are granted
2. Theme Compatibility:
Run theme compatibility test
Check for CSS conflicts
Try different breadcrumb styles
3. Configuration Issues:
Verify breadcrumb rules are set up
Check display settings and visibility rules
Ensure products are properly categorized
4. Caching Problems:
Clear browser cache
Clear Shopify store cache
Wait 5-10 minutes for changes to propagate
Styling troubleshooting:
1. Theme Conflicts:
Adjust Text size and Block maximum width in Visual Design & Text Styling
Change Background shade in Color Scheme
Try different Breadcrumb Divider Symbol in Expert Configuration
2. Mobile Issues:
Enable "Enable mobile horizontal scrolling" in Visibility Options
Adjust Divider icon dimensions to match your text size
Check Spacing & Padding settings for mobile alignment
3. Alignment Problems:
Configure Padding top/bottom and Padding left/right in Spacing & Padding
Adjust Text alignment in Visual Design & Text Styling
If breadcrumbs don't align properly with your website's padding, you can adjust them using the Theme Editor:
In Theme Editor:
Go to Theme Editor → Select a page with breadcrumbs
Click on the Breadcrumbs block in the sidebar
Find the Spacing & Padding section in block settings
Adjust: Padding (top/bottom), Padding (left/right), Vertical spacing
Quick alignment tips:
✅ Match page width - Adjust left/right padding to align with main content
✅ Consistent spacing - Use the same padding as other page elements
✅ Test on mobile - Check alignment on different screen sizes
✅ Preview changes - Use theme editor preview before publishing
This happens when you have both a collection named "All products" in your store and the app's automatic "All products" collection in the tree.
Option 1: Hide from breadcrumbs using Settings ⭐ Recommended
Go to Theme Editor → Breadcrumbs block → Settings
Find "Product catalog title" in Custom page names
Enter --- (three dashes) to hide it from breadcrumb trails
The collection page (/collections/all) remains accessible
No duplicate in breadcrumbs!
Option 2: Remove from Categories Tree
Go to Categories Tree in the app
Find your store's "All products" collection
Remove it from the tree (move to Unassigned)
Keep only the app's "All products" in the tree
Option 3: Use only your store's collection
Remove the app's "All products" from the tree
Add your own "All products" collection to the tree root
This gives you more control over which products appear
✅ This issue has been fixed in version 2.2+ with automatic vertical centering for all screen sizes.
If you're still experiencing this issue:
Please contact our support team for assistance. This is likely a legacy issue from cached settings or a theme conflict.
Temporary workarounds (while waiting for support):
Option 1: Match separator size to text - Adjust "Divider icon dimensions"
Option 2: Use simpler separator symbols - Switch to / or > instead of complex arrows
Option 3: Enable mobile scroll mode - Turn on "Enable mobile horizontal scrolling"
Option 4: Adjust spacing - Reduce "Divider gap width" and fine-tune "Vertical Spacing"
Organization troubleshooting:
1. Assignment Rules:
Review automatic assignment rules
Check product tags and attributes
Verify collection mappings
2. Product Settings:
Ensure products are published
Check product availability settings
Verify inventory levels
3. Category Configuration:
Review category hierarchy
Check category visibility settings
Verify parent-child relationships
Multiple support channels:
📧 Email Support:
Email: [email protected]
Also available through app dashboard
Response within 24 hours
Technical and setup assistance
📖 Documentation:
Comprehensive guides and tutorials
Video walkthroughs
Best practices and tips
To help us assist you quickly, please include:
Store Information:
Shopify store URL
Theme name and version
App version installed
Issue Details:
Specific problem description
Steps you've already tried
Screenshots or videos if applicable
Browser and device information
Setup Information:
Current app configuration
Customizations made
Recent changes to store or theme
Yes, we provide setup help:
Free Setup Guidance:
Email support for basic setup
Documentation and video tutorials
Best practices recommendations
Vintage Theme Support:
Complete A-Z setup for Online Store 1.0 themes
Custom snippet installation
Theme-specific styling