Brand & global settings
Theme settings reference
Every setting under Theme settings, group by group: 73 settings in 8 groups, with what each one does and its default.
Before you start
- The Comers theme open in the theme editor.
- Click the gear icon in the left sidebar to open Theme settings.
What you will have
You know where every store-wide setting lives and what it changes.
Logo
Theme editorTheme settingsLogo
Logo has 3 settings. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsLogo1Click to open this group2LogoLogoSelect imageImage upload.Logo width100pxSlider from 40 to 220 px. Default: 100.FaviconSelect image32 x 32px .png recommended.Theme editor · Theme settings › LogoColors
Theme editorTheme settingsColors
Colors has 8 settings. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsColors1Click to open this group2ColorsBackground#F6F6F4Colour picker. Default: #F6F6F4.Foreground#0C0C0CColour picker. Default: #0C0C0C.Surface#FFFFFFColour picker. Default: #FFFFFF.Muted text#6F6F6FColour picker. Default: #6F6F6F.Border#E6E6E2Colour picker. Default: #E6E6E2.Accent#0C0C0CColour picker. Default: #0C0C0C.Accent contrast#FFFFFFColour picker. Default: #FFFFFF.Sale#9A3412Colour picker. Default: #9A3412.Theme editor · Theme settings › ColorsTypography
Theme editorTheme settingsTypography
Typography has 3 settings. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsTypography1Click to open this group2TypographyHeadingsyne_n7Font picker. Default: syne_n7.Bodyfigtree_n4Font picker. Default: figtree_n4.Body scale100%Slider from 90 to 110 %. Default: 100.Theme editor · Theme settings › TypographyLayout
Theme editorTheme settingsLayout
Layout has 10 settings, grouped under App download panel. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsLayout1Click to open this group2LayoutPage width1280pxSlider from 1000 to 1600 px. Default: 1280.Section spacing56pxSlider from 24 to 96 px. Default: 56.Cart typeDrawerChoices: Drawer, Page. Default: drawer.Show mobile tab barOn / off switch. Default: on.Collection & search product columns5Choices: 4, 5, 6. Default: 5.App download panel › App panel headingEmptyText. Default: Get the Comers app.App download panel › App panel subheadingEmptyText. Default: Scan for Android & iOS.App download panel › QR code / download URLPaste a link or searchLink.App download panel › Android app URLPaste a link or searchLink.App download panel › iOS app URLPaste a link or searchLink.Theme editor · Theme settings › LayoutCurrency format
Theme editorTheme settingsCurrency format
Currency format has 1 setting. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsCurrency format1Click to open this group2Currency formatShow currency codesOn / off switch. Default: on.Theme editor · Theme settings › Currency formatComers design system
Theme editorTheme settingsComers design system
Comers design system has 30 settings, grouped under Display font, Universal media (comers_media), Type scale, Section chrome, Text animation, Folder cards, Product breadcrumbs, Visibility helpers, Code snippet, Advanced Comers control (whole store), Text replacer, Custom code. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsComers design system1Click to open this group2Comers design systemDisplay font › Display heading fontAa ChangeUsed for hero and large display type. Default: fraunces_n7.Universal media (comers_media) › Default media ratioEmptyChoices: Auto (adapt to image), 1:1, 4:5, 3:4, 2:3, 16:9, 9:16, Custom. Default: auto.Universal media (comers_media) › Custom media ratioEmptyExample: 4 / 5 or 1.2. Default: 4 / 5.Type scale › Heading sizeEmptySlider from 80 to 140 %. Default: 100.Type scale › Body sizeEmptySlider from 90 to 120 %. Default: 100.Type scale › Heading weightEmptyChoices: Medium, Semibold, Bold, Extra bold. Default: 700.Section chrome › Section box shadowEmptyChoices: None, Soft, Medium, Lifted, Soft glow. Default: soft.Section chrome › Section border radiusEmptySlider from 0 to 64 px. Default: 32.Section chrome › Section padding topEmptySlider from 0 to 120 px. Default: 24.Section chrome › Section padding bottomEmptySlider from 0 to 120 px. Default: 24.Section chrome › Default spacerEmptySlider from 0 to 120 px. Default: 32.Section chrome › Section max widthEmptySlider from 960 to 1600 px. Default: 1320.Section chrome › Section min heightEmptySlider from 0 to 900 px. Default: 0.Text animation › Text animation presetEmptyChoices: None, Fade up, Fade in, Fade from left, Fade from right, Scale in, Blur in, Rise soft, Drop soft, Skew in, Letter reveal, Pulse once. Default: fade-up.Folder cards › Folder cardsEmptyHomepage sections slide up over the previous one as rounded cards. With Selected sections, turn it on per section under that section's Folder card setting. Choices: Off, Selected sections, All homepage sections. Default: selected.Product breadcrumbs › Show product breadcrumbsEmptyOn / off switch. Default: on.Code snippet › Global Liquid snippetEmptyInjected before . Use for small global markup.Code snippet › Head code snippetEmptyOptional code injected in the document head via theme.liquid.Advanced Comers control (whole store) › Animate all section headingsEmptyChoices: None, Fade up, Fade in, Fade from left, Fade from right, Scale in, Blur in, Rise soft, Drop soft, Skew in, Flip in, Letter reveal, Pulse once. Default: none.Advanced Comers control (whole store) › Animate all product cardsEmptyChoices: None, Fade up, Fade in, Fade from left, Fade from right, Scale in, Blur in, Rise soft, Drop soft, Skew in, Flip in, Letter reveal, Pulse once. Default: none.Advanced Comers control (whole store) › Align all section headingsEmptyChoices: Leave as is, Left, Center, Right. Default: none.Advanced Comers control (whole store) › Corner radius on all buttons (px)EmptyLeave empty to keep each button's own shape.Advanced Comers control (whole store) › Corner radius on all cards and images (px)Select imageNumber.Text replacer › Find text 1EmptyReplaces this text on buttons and links across the store.Text replacer › Replace with 1EmptyText.Text replacer › Find text 2EmptyText.Text replacer › Replace with 2EmptyText.Text replacer › Find text 3EmptyText.Text replacer › Replace with 3EmptyText.Custom code › Custom CSSEmptyPlain CSS, applied on every page.Theme editor · Theme settings › Comers design systemFloating chat
Theme editorTheme settingsFloating chat
Floating chat has 12 settings, grouped under Desktop: show on, Mobile: show on, Greeting bubble. They apply to the whole store; a section can still override colours and spacing in its own CM customise group.
Theme settingsFloating chat1Click to open this group2Floating chatDesktop: show on › HomepageEmptyOn / off switch. Default: on.Desktop: show on › Product pagesEmptyOn / off switch. Default: on.Desktop: show on › Collection pagesSelectOn / off switch. Default: on.Desktop: show on › Cart pageEmptyOn / off switch. Default: on.Desktop: show on › All other pagesEmptyOn / off switch. Default: on.Mobile: show on › HomepageEmptyOn / off switch. Default: on.Mobile: show on › Product pagesEmptyOn / off switch. Default: off.Mobile: show on › Collection pagesSelectOn / off switch. Default: off.Mobile: show on › Cart pageEmptyOn / off switch. Default: off.Mobile: show on › All other pagesEmptyOn / off switch. Default: off.Greeting bubble › Show greeting textEmptyOn / off switch. Default: on.Greeting bubble › Greeting textEmptyText. Default: Hi There! How May I Help You?.Theme editor · Theme settings › Floating chat