Global Theme Settings
Store-wide appearance and behavior settings — colors, typography, buttons, animations, and more.
This folder documents every card in the Theme settings panel of the Shopify theme customizer. These settings control store-wide appearance and behavior -- colors, typography, product cards, buttons, animations, and more.
How to access
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Choose a card from the list below
All settings cards
| # | Card | Description |
|---|---|---|
| 1 | [Favicon](favicon.md) | Upload a browser tab icon for your store |
| 2 | [Theme mode](theme-mode.md) | Light/dark mode switcher behavior and appearance |
| 3 | [Layout](layout.md) | Maximum page width |
| 4 | [Colors (Light)](colors-light.md) | All colors for light mode -- general, primary, secondary, badges |
| 5 | [Colors (Dark)](colors-dark.md) | All colors for dark mode -- general, primary, secondary, badges |
| 6 | [Typography](typography.md) | Fonts, sizes, weights, and spacing for body, headings, and highlights |
| 7 | [Product card](product-card.md) | Product card layout, media, buttons, alignment, and colors |
| 8 | [Product options](product-options.md) | Variant selectors on product cards -- swatches, buttons, dropdowns |
| 9 | [Product badges](product-badges.md) | Sale, sold out, new, and custom badge appearance |
| 10 | [Collection card](collection-card.md) | Collection card layout, content, buttons, animation, and colors |
| 11 | [Article card](article-card.md) | Blog article card layout, content, buttons, and colors |
| 12 | [Header](header.md) | Mobile icon placement for search and account |
| 13 | [Slider controls](slider-controls.md) | Global pagination, arrows, and progress bar for sliders |
| 14 | [Inventory stock](inventory.md) | Stock indicator appearance, thresholds, and colors |
| 15 | [Buttons](buttons.md) | Button typography, shape, hover animation, and colors |
| 16 | [Image loading](image-loading.md) | Placeholder animation while images load |
| 17 | [Scroll animation](scroll-animation.md) | Reveal animations triggered on scroll |
| 18 | [Content protection](content-protection.md) | Disable right-click and text selection |
| 19 | [Custom cursor](custom-cursor.md) | Decorative animated cursor styles |
| 20 | [Border radius & shadows](border-radius-shadows.md) | Global base radius and shadow intensity |
| 21 | [Social media](social-media.md) | Social media links and contact details |
| 22 | [Social sharing](social-sharing.md) | Sharing buttons on product and blog pages |
| 23 | [Overlay](overlay.md) | Backdrop overlay for drawers, modals, and popups |
| 24 | [Pagination](pagination.md) | Page navigation style, behavior, and colors |
| 25 | [Filter & sort](filter-sort.md) | Collection filter and sort dropdown appearance |
| 26 | [Currency format](currency-format.md) | Currency code display alongside prices |
| 27 | [Cart](../cart-drawer.md) | Cart drawer and cart page settings (upsells, progress bar, delivery estimates) |
| 28 | [Product comparison table](product-comparison-table.md) | True/false display in comparison tables |
| 29 | [Global scrollbar](global-scrollbar.md) | Browser scrollbar appearance |
| 30 | [Structured data (SEO)](structured-data-seo.md) | JSON-LD schema for search engines |
| 31 | [Back to top](back-to-top.md) | Floating scroll-to-top button |