Multipurpose theme documentation
Multipurpose Fashion Theme
Theme Settings Extras
Multipurpose Fashion Theme
The Extras section provides optional advanced settings that enhance navigation and allow custom styling. These features improve usability and developer flexibility.
Shopify Admin -> Online Store -> Themes -> Customize -> Theme settings -> Extras
1. Show Breadcrumbs
Setting ID: show_breadcrumbs
Breadcrumbs show a navigation trail that helps customers understand where they are within your store.
Preview
Breadcrumbs improve navigation and SEO. Highly recommended for stores with many categories.
2. Show Collections Page in Breadcrumb List
Setting ID: show_collections_page_in_breadcrumb_list
Adds a "Collections" link inside breadcrumb path.
Preview
Enable if your store uses a central Collections hub page. Disable if navigation already provides strong category structure.
3. Custom CSS
Setting ID: custom_css
Allows you to add custom CSS that applies globally across your store. This is useful for minor design adjustments without editing theme files.
Example
.button {
border-radius: 0px;
}
h1 {
text-transform: uppercase;
}
Use Custom CSS for:
- Minor spacing adjustments
- Typography tweaks
- Color overrides
- Temporary layout fixes
Avoid adding complex or large CSS blocks here. For major changes, edit theme files directly.
Best Practices
- Enable breadcrumbs for better navigation
- Use Collections breadcrumb only if structured hierarchy exists
- Test custom CSS carefully before publishing
- Document custom CSS changes for future maintenance
Common Mistakes
| Problem | Cause | Solution |
|---|---|---|
| Breadcrumb duplication | Navigation already shows same path | Disable breadcrumb or adjust structure |
| Broken layout | Incorrect custom CSS syntax | Validate CSS before saving |
| Style conflicts | Overriding important theme classes | Use specific selectors carefully |
| SEO structure unclear | Breadcrumbs disabled | Enable breadcrumbs for category clarity |
FAQs
Navigation links showing the user's path within the store hierarchy.
Allows you to apply store-wide styling overrides without editing theme files.