Skip to main content

Theme settings

These apply site-wide from Theme settings in the editor sidebar — separate from any individual section's own settings.

Getting started

No configurable settings.

Transparent header

SettingIDTypeDefaultNotes
Global, so other sections (like the collection banner) can adjust their spacing to match.
Enable on home pagetransparent_header_homeOn/offOff
Enable on collection pagestransparent_header_collectionOn/offOff
Text shadowtransparent_header_shadowSlider35Improves legibility over busy images. Range: 0–100 step 5.

Colors

SettingIDTypeDefaultNotes
Surfaces
Backgroundcolor_backgroundColor#FFFFFF
Surfacecolor_surfaceColor#F7F5F2Used for alternating sections, cards, and drawers.
Line and borderscolor_lineColor#E1E3E1
Text
Heading and titlecolor_headingColor#282928
Textcolor_textColor#454645
Muted textcolor_text_mutedColor#6B6C6BCaptions, meta, secondary labels.
Accentcolor_accentColor#8F4402Heading highlight, text links, and sale prices.
Buttons
Primary buttoncolor_primaryColor#343634
Primary button textcolor_primary_textColor#FFFFFF
Primary button hovercolor_primary_hoverColor#1F211F
Primary button hover textcolor_primary_hover_textColor#FFFFFF
Secondary button textcolor_secondary_textColor#282928The secondary button itself is transparent with a border.
Status and utility
Errorcolor_errorColor#A90000
Successcolor_successColor#4E7032
Rating iconscolor_ratingColor#9E7676
Image overlaycolor_overlayColor#000000

Color palette

SettingIDTypeDefaultNotes
Quick-pick swatches shown in every color picker in the theme editor. These mirror the light theme colors above.
(no label)colorsColor palette (Shopify auto-generated)background: #FFFFFF, surface: #F7F5F2, line: #E1E3E1, heading: #282928, text: #454645, text_muted: #6B6C6B, accent: #8F4402, primary: #343634, primary_text: #FFFFFF, error: #A90000, success: #4E7032, rating: #9E7676
SettingIDTypeDefaultNotes
Logo imagelogoImage
Logo widthlogo_widthSlider140Range: 60–260 step 5.
Favicon imagefaviconImage64 x 64px recommended

Typography

SettingIDTypeDefaultNotes
Headings
Heading fonttype_heading_fontFontassistant_n6
Body text
Body fonttype_body_fontFontassistant_n4

Layout

SettingIDTypeDefaultNotes
Content width on large screenspage_widthSlider1280Range: 1000–1440 step 20.

Buttons and inputs

SettingIDTypeDefaultNotes
Button corner radiusradius_buttonSlider6Range: 0–20 step 1.
Card corner radiusradius_cardSlider10Range: 0–24 step 1.
Input corner radiusradius_inputSlider8Range: 0–16 step 1.

Social media

SettingIDTypeDefaultNotes
Social accounts
Instagramsocial_instagram_linkTexthttps://instagram.com/shopify
Facebooksocial_facebook_linkTexthttps://facebook.com/shopify
Pinterestsocial_pinterest_linkTexthttps://pinterest.com/shopify
TikToksocial_tiktok_linkTexthttps://tiktok.com/@shopify
YouTubesocial_youtube_linkTexthttps://youtube.com/shopify
Twitter (X)social_twitter_linkTexthttps://x.com/shopify
Tumblrsocial_tumblr_linkTexthttps://shopify.tumblr.com
Snapchatsocial_snapchat_linkTexthttps://snapchat.com/add/shopify
Vimeosocial_vimeo_linkTexthttps://vimeo.com/shopify
LinkedInsocial_linkedin_linkTexthttps://linkedin.com/company/shopify
LINEsocial_line_linkTexthttps://line.me/ti/p/@shopify
Contact
Email addresscontact_emailTextOnly shown if entered here. Never auto-filled from your Shopify account email, to avoid exposing a private admin address.
Phone numbercontact_phoneText
Sharing options
Share on Facebookenable_share_facebookOn/offOn
Tweet on Twitterenable_share_twitterOn/offOn
Pin on Pinterestenable_share_pinterestOn/offOn
Share on Whatsappenable_share_whatsappOn/offOn
Share on Telegramenable_share_telegramOn/offOn
Share on LINEenable_share_lineOn/offOn
Share on Emailenable_share_emailOn/offOn
Share via SMSenable_share_smsOn/offOn
Sharing image
Default social sharing imageshare_imageImage1200 x 630px .jpg recommended. Used when a page doesn't have its own image.

Product page

SettingIDTypeDefaultNotes
Menu used for breadcrumb hierarchybreadcrumb_menuMenu pickermain-menuBreadcrumbs show a collection's parent from this menu. Shopify has no collection hierarchy of its own.
Specification metafields for search enginesschema_spec_metafieldsMulti-line textMaterial:shopify.material Age group:shopify.age-group Product form:shopify.product-formOne per line as Label:namespace.key. Adds these to the product's structured data so search and AI engines can read them. Usually the same list as your Specifications panel.
Badge stylebadge_styleDropdownsoftOptions: Solid, Soft tint.
Sale badge stylesale_badge_styleDropdownpercentOptions: Percentage saved, Amount saved, Sale.
Show Shop Pay Installments bannershow_installmentsOn/offOn
Show "New" badge for products created in the lastnew_badge_daysSlider30Set to 0 to disable the automatic New badge (tag-based "new" still works). Range: 0–90 step 5.
Low stock badge thresholdlow_stock_thresholdSlider0Show a Low stock badge when inventory falls to this number or below. Set to 0 to disable. Range: 0–20 step 1.
Review appreviews_providerDropdownnoneLets product cards show star ratings from your review app. The app's embed must also be enabled under Theme settings \u2192 App embeds. Options: None, Judge.me, Loox, Yotpo, Stamped, Okendo.

Cart

SettingIDTypeDefaultNotes
Cart typecart_typeDropdowndrawerOptions: Drawer, Page, Notification.
Free shipping thresholdfree_shipping_thresholdNumber50Enter 0 to hide the free shipping bar entirely.