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.