Overview
Theme Settings control the global appearance and behavior of your store.
You can find them in:
Online Store → Themes → Customize → Theme settings
Unlike section settings (which affect only a specific section), Theme Settings apply across the entire store, including:
Header
Cart Drawer
Product Cards
Search
Free Shipping Bar
Gift Wrapping
Compare feature
Animations
Social media links
And more
How Theme Settings Work
Theme Settings allow you to:
Enable or disable global features
Control store-wide behavior
Configure default styling and layout
Connect integrations (like Google Maps or social media)
Changes here affect multiple parts of your store at once.
Main Theme Settings Groups
Below are the key groups available in the theme.
Colors
Controls the overall color system of your store.
Includes:
Body color scheme
Theme color schemes
Free shipping progress bar gradient
Changing colors here affects many components across your store.
Pre-order Text
Allows you to enable and customize pre-order messaging.
Settings include:
Enable pre-order text
Custom pre-order note
Useful when selling products that are not yet in stock.
Product Compare
Enables the product comparison feature.
When enabled, customers can:
Add products to compare
View product differences
Additional options allow you to:
Control inventory display
Choose picker type
Enable color swatches in compare
Social Media Links
Add your social media URLs to display icons in the Header and Footer.
Supported platforms include:
Instagram
Facebook
Twitter
LinkedIn
Threads
Bluesky
And more
Icons appear automatically once links are added.
Search
Controls predictive search behavior.
When enabled:
Search suggestions appear instantly
Customers see product previews while typing
You can also set a color scheme for the search UI.
Animation
Controls appearance animations across the store.
When enabled:
Elements animate when entering the viewport
Disabling may improve performance slightly.
Favicon
Upload a favicon (browser tab icon) for your store.
Currency Format
Enable currency code display (for example: USD, EUR, VND) alongside prices.
Cart Settings
Controls how the cart behaves across your store.
Cart Type
Choose how the cart appears:
Drawer (slide-out panel)
Page
Notification
Discount Code
Allow customers to apply discount codes directly in the cart.
Cart Messages
Options include:
Add-to-cart confirmation message
Tax notice
Shipping policy notice
Free Shipping Bar
Encourages customers to reach a minimum order value.
Settings include:
Enable Free Shipping
Free shipping threshold
Message before threshold
Message after threshold
Excluded products
This works with both Cart Drawer and Cart Page.
Shipping Calculator
Allows customers to estimate shipping costs before checkout.
You can define supported countries for calculation.
Gift Wrapping
Enable gift wrapping service for your store.
Options include:
Where to show (Cart Drawer, Cart Page, or both)
Gift wrapping product
Gift note option
Floating Toolbar
Includes features like:
Back to top button
Improves navigation on long pages.
Recently Viewed Products
Shows products the customer recently viewed.
You can configure:
Number of products
Grid layout (desktop, tablet, mobile)
Product card display options (vendor, rating, quick add, compare, swatches, etc.)
Maps
Enter your Google Maps API Key to enable map features in supported sections.
Best Practices
Use Theme Settings for global behavior, not per-section styling.
Some features depend on other settings (for example, Free Shipping Bar requires Free Shipping enabled).
Changes apply instantly across the store.
Test features after enabling to ensure they appear where expected.
Important Notes
Some features appear only when properly configured (for example, social icons appear only when links are added).
Cart behavior depends on your selected cart type.
Gift wrapping requires a valid product assignment.
Predictive search works only when enabled.
Recently viewed products are shown only after a customer browses your store.
Comments
0 comments
Article is closed for comments.