Multipurpose theme documentation
Multipurpose Fashion Theme
Theme Settings Overview
Multipurpose Fashion Theme
The Theme Settings section explains how to configure the global visual identity, layout behavior, and storefront functionality of your theme using the Theme Settings panel.
Access path:
Shopify Admin → Online Store → Themes → Customize → Theme settings
Shopify Admin → Online Store → Themes → Customize → Theme settings
How Theme Settings Work
All global configuration is defined inside settings_schema.json.
Each setting contains:
- An internal ID
- A UI control type (checkbox, select, range, color, etc.)
- A default value
- A frontend behavior (CSS variable, class modifier, conditional logic)
When a merchant updates a setting, Shopify dynamically re-renders the storefront. No Liquid files are modified directly.
What You Configure in This Chapter
- Colors – Brand color system and UI schemes
- Typography – Fonts, sizing, letter spacing, text direction
- Design – Buttons, edges, icon styles
- Products – Pricing display and vendor visibility
- Product Tiles – Grid layout and image behavior
- Collection Tiles – Collection presentation
- Cart – Cart type and checkout logic
- Social Media – Profile links and sharing options
- Favicon – Browser tab icon
- Search – Predictive search toggle
- Scroll & Back to Top – Scroll UX enhancement
- Extras – Breadcrumbs and custom CSS
Recommended Setup Order
- Configure Colors
- Set Typography
- Adjust Design system
- Configure Products
- Optimize Product tiles
- Adjust Collection tiles
- Configure Cart behavior
- Add Social media links
- Upload Favicon
- Enable Search
- Adjust Scroll behavior
- Review Extras