Settings reference
Every setting in Metonia 1.0.0, generated from the theme's own settings files so the names match the theme editor exactly.
Theme settings
Open these from the gear icon in the theme editor.
Typography
| Setting | Type | Notes |
|---|---|---|
| Heading | ||
| Heading font | Font | |
| Font size scale | Slider | |
| Letter spacing | Slider | |
| Line height scale | Slider | |
| Body | ||
| Body font | Font | |
| Font size scale | Slider | |
| Letter spacing | Slider | |
| Line height scale | Slider | |
| Announcement bar | ||
| Font size scale | Slider | |
| Navigation | ||
| Font size scale | Slider | |
| Menu item spacing | Slider | Affects only the first level menu items. |
| Make navigation uppercase | On/off | |
| Product card | ||
| Product title size scale | Slider | |
| Product title line height scale | Slider | |
| Make product title uppercase | On/off | |
| Enable quick view | On/off | Shows a Select options drawer from product cards. Turn off to hide it. |
| New badge duration | Slider | Shows a New badge for this many days after publish. Set to 0 to hide it. A custom label uses the product metafield custom.badge (single line text). |
| Show floating product card | On/off | Shows the product bar when Add to cart scrolls out of view. Turn off to hide it. |
| Buttons | ||
| Letter spacing | Slider | |
| Make buttons uppercase | On/off | |
| Font size scale | Slider | |
Layout
| Setting | Type | Notes |
|---|---|---|
| Page width | Choice | |
| Page margin | Slider | |
| Mobile page margin | Slider | Side inset on screens under 750px. Full-bleed galleries and the homepage slideshow ignore it. |
Colors
| Setting | Type | Notes |
|---|---|---|
| General | ||
| Page background | Color | Paints the page canvas behind every section. |
| Body text | Color | Default ink for body copy, navigation, and prices. |
| Primary | Color | Accent used for highlights and focus. |
| Lines and borders | Color | |
| Input borders | Color | |
| Muted text | Color | Secondary copy: excerpts, captions, and helper text. |
| Input corner radius | Slider | |
| Announcement bar | ||
| Text | Color | |
| Background | Color | |
| Header | ||
| Background | Color | |
| Text | Color | |
| Links | Color | |
| Link hover | Color | |
| Icons | Color | |
| Lines and borders | Color | |
| Buttons | ||
| Solid button background | Color | |
| Solid button label | Color | |
| Outline button label | Color | |
| Products | ||
| Price | Color | |
| Discounted price | Color | Used when a compare-at price is set. |
| Star ratings | Color | |
| Dots | Color | Pagination dots on light backgrounds. Slideshow dots stay white so they remain visible on photos. |
| Product inventory level | ||
| In stock | Color | |
| Low stock | Color | |
| Footer | ||
| Text | Color | |
| Link | Color | |
| Link hover | Color | |
| Border | Color | |
| Background | Color | |
Social media
| Setting | Type | Notes |
|---|---|---|
| Text | ||
| Text | ||
| Text | ||
| TikTok | Text | |
| YouTube | Text | |
| X | Text | |
| Threads | Text | |
| Snapchat | Text | |
| Tumblr | Text | |
| Vimeo | Text | |
| Social sharing image | Image | Used when a page has no product, article, or collection image. |
Favicon
| Setting | Type | Notes |
|---|---|---|
| Favicon | Image |
Sections
Sections marked Add section can be added to any compatible page. The others are part of a specific template or of the header and footer.
- Announcement bar
- Blog
- Blog posts
- Cart
- Category links
- Collapsible content
- Collection
- Collection list
- Collection tabs
- Contact
- Countdown banner
- Custom Liquid
- Custom section
- Editorial
- Featured collection
- Featured product
- Footer
- Gallery
- Header
- Hero
- Image overlay
- Image with text
- Multicolumn
- Newsletter
- Page
- Password
- Product
- Recently viewed
- Related
- Rich text
- Scrolling text
- Search drawer
- Shop the look
- Slideshow
- Spacer
- Testimonials
- Text with icons
- Timeline
Announcement barheader group
| Setting | Type | Notes |
|---|---|---|
| Enable | On/off | |
| Text | Text | |
| Link | Link |
BlogTemplate section
| Setting | Type | Notes |
|---|---|---|
| Text | Text |
Blog postsAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Text | Text | |
| Blog | Blog | |
| Posts to show | Slider |
CartTemplate section
| Setting | Type | Notes |
|---|---|---|
| Order notes | On/off |
Category linksAdd section
| Setting | Type | Notes |
|---|---|---|
| Menu | Menu |
Block: Link
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Collection | Collection | |
| Link | Link |
Collapsible contentAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Text | Rich text | |
| Alignment | Choice |
Block: Row
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Content | Rich text |
CollectionTemplate section
| Setting | Type | Notes |
|---|---|---|
| Subcategory menu | Menu | |
| Products per page | Slider | |
| Show vendor | On/off | |
| Fallback promo tile | ||
| Promo heading | Text | Used only when no Promo tile blocks are added. Needs a heading and an image. |
| Promo text | Text | |
| Promo button | Text | |
| Promo link | Link | |
| Promo image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| SEO text | ||
| SEO heading | Text | |
| SEO text | Rich text | |
Block: Promo tile (up to 4)
| Setting | Type | Notes |
|---|---|---|
| Show after product | Slider | 1 places the tile after the first product. Only the first page of the collection shows tiles. |
| Promo image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Promo heading | Text | |
| Promo text | Text | |
| Promo button | Text | |
| Promo link | Link |
Collection listAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Columns | Slider | |
| Show images | On/off |
Block: Collection
| Setting | Type | Notes |
|---|---|---|
| Collection | Collection | |
| Desktop image | Image | |
| Heading | Text |
Collection tabsAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Text | Text | |
| Products to show | Slider |
Block: Tab
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Collection | Collection |
ContactAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Text | Text | |
| Alignment | Choice |
Countdown bannerAdd section
| Setting | Type | Notes |
|---|---|---|
| Eyebrow | Text | |
| Heading | Text | |
| Text | Text | |
| Solid button label | Text | |
| Button link | Link | |
| End date | Text | Real promotion end date in ISO format, for example 2026-12-31T23:59:59. Do not use a repeating fake timer. |
Custom LiquidAdd section
| Setting | Type | Notes |
|---|---|---|
| Custom Liquid | Liquid |
Custom sectionAdd section
| Setting | Type | Notes |
|---|---|---|
| Background | Image |
EditorialAdd section
| Setting | Type | Notes |
|---|---|---|
| Eyebrow | Text | |
| Heading | Text | |
| Text | Text | |
| Solid button label | Text | |
| Button link | Link | |
| Desktop image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Image position | Choice |
Featured collectionAdd section
| Setting | Type | Notes |
|---|---|---|
| Eyebrow | Text | |
| Heading | Text | |
| Content | Text | |
| Alignment | Choice | |
| Card size | Choice | |
| Collection | Collection | |
| Columns | Slider | |
| Products to show | Slider |
Block: Custom Liquid
| Setting | Type | Notes |
|---|---|---|
| Custom Liquid | Liquid |
Featured productAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Product | Product |
Block: Custom Liquid
| Setting | Type | Notes |
|---|---|---|
| Custom Liquid | Liquid |
Footerfooter group
| Setting | Type | Notes |
|---|---|---|
| Logo | Image | Shown on the dark footer background. When empty, the store name is used. |
| Tagline | Text | |
| Show payment icons | On/off | |
| Country / region selector | On/off | |
| Language selector | On/off |
Block: Footer menu
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Menu | Menu |
Block: Newsletter (up to 1)
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Text | Text |
GalleryAdd section
| Setting | Type | Notes |
|---|---|---|
| Eyebrow | Text | |
| Heading | Text | |
| Text | Text | |
| Columns | Slider |
Block: Image
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Heading | Text | |
| Text | Text | |
| Solid button label | Text | |
| Link | Link |
Headerheader group
| Setting | Type | Notes |
|---|---|---|
| Logo | Choice | Text logo uses Header text. On the transparent homepage header it uses Transparent text and icons. Image logos are not recolored. |
| Logo text | Text | Leave empty to use the store name. |
| Logo | Image | |
| Mobile logo | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Menu | Menu | |
| Customer account menu | Menu | |
| Show account icon on mobile | On/off | Off by default. Account stays in the mobile menu. Turn on to show the account icon in the header below 980px. |
| Transparent header | ||
| Transparent over the homepage hero | On/off | Homepage only. The bar sits on the slideshow until that section scrolls past, then uses the sticky colors. |
| Transparent text and icons | Color | |
| Logo while transparent | Image | Optional light logo for the transparent state. Leave empty to keep the main logo. |
| Sticky header | ||
| Keep the header visible while scrolling | On/off | Pins the header above the page. On the homepage it stays on top of the slideshow instead of disappearing. Header colors are in Theme settings, Colors, Header. |
| Country / region selector | On/off | |
| Language selector | On/off | |
Block: Mega menu
| Setting | Type | Notes |
|---|---|---|
| Menu item | Text | Exact title of the top-level menu item that should open this mega menu. |
| Desktop image | Image | |
| Heading | Text | |
| Link | Link |
HeroAdd section
| Setting | Type | Notes |
|---|---|---|
| Eyebrow | Text | |
| Heading | Text | |
| Text | Text | |
| Solid button label | Text | |
| Button link | Link | |
| Desktop image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
Image overlayAdd section
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Eyebrow | Text | |
| Heading | Text | |
| Text | Text | |
| Solid button label | Text | |
| Button link | Link |
Image with textAdd section
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Image position | Choice | |
| Eyebrow | Text | |
| Heading | Text | |
| Text | Rich text | |
| Color scheme | Choice | |
| Solid button label | Text | |
| Button link | Link |
MulticolumnAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Columns | Slider |
Block: Column
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | |
| Heading | Text | |
| Text | Rich text |
NewsletterAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Text | Text |
PageTemplate section
| Setting | Type | Notes |
|---|---|---|
| Show heading | On/off | |
| Alignment | Choice | |
| Page width | Choice | |
| Padding | Slider |
PasswordTemplate section
| Setting | Type | Notes |
|---|---|---|
| Show email signup | On/off |
ProductTemplate section
| Setting | Type | Notes |
|---|---|---|
| Full-width gallery on mobile | On/off | Stretches the product gallery to the screen edges on small screens. Turn this off to keep the page margin. |
| Floating product card | On/off | Section switch for the floating product card. Theme settings also has a global switch. |
Block: Custom Liquid
| Setting | Type | Notes |
|---|---|---|
| Custom Liquid | Liquid |
Block: Vendor (up to 1)
No block settings.
Block: Title (up to 1)
No block settings.
Block: Price (up to 1)
No block settings.
Block: Variant picker (up to 1)
| Setting | Type | Notes |
|---|---|---|
| Sizing guide label | Text | |
| Sizing guide page | Page | |
| Show sizing guide on products without a size option | On/off | By default the link only appears next to Size or Ring size options. |
Block: Quantity (up to 1)
No block settings.
Block: Buy buttons (up to 1)
| Setting | Type | Notes |
|---|---|---|
| Dynamic checkout buttons | On/off |
Block: Description (up to 1)
No block settings.
Block: Collapsible row
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Content | Rich text | |
| Page | Page | |
| Open by default | On/off |
Block: Product information
| Setting | Type | Notes |
|---|---|---|
| Each block is one tab. You can add, remove, and reorder tabs. The first filled source is used: Custom Liquid, then the product metafield, then the page, then Content. | ||
| Heading | Text | |
| Icon | Choice | |
| Content | Rich text | Write the tab text here, or use the dynamic source icon to connect a compatible product metafield. |
| Page | Page | Optional shared page. Used when Custom Liquid and the metafield are empty. |
| Product metafield | Text | Optional. Format: namespace.key, for example custom.materials. Works with single-line, multi-line, and rich text metafields. |
| Custom Liquid | Liquid | Optional. Overrides the other sources when filled. You can output a metafield with the metafield_tag filter. |
Block: Share (up to 1)
No block settings.
Block: Pickup availability (up to 1)
No block settings.
Recently viewedAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Content | Text | |
| Products to show | Slider |
RelatedAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text | |
| Products to show | Slider | |
| Recommendation type | Choice |
Rich textAdd section
| Setting | Type | Notes |
|---|---|---|
| Eyebrow | Text | |
| Heading | Text | |
| Text | Rich text | |
| Solid button label | Text | |
| Button link | Link | |
| Button style | Choice | |
| Alignment | Choice |
Scrolling textAdd section
| Setting | Type | Notes |
|---|---|---|
| Text | Text | |
| Speed | Slider |
Search drawerTemplate section
| Setting | Type | Notes |
|---|---|---|
| Quick links | Menu | |
| Trending collection | Collection |
Shop the lookAdd section
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | |
| Mobile image | Image | Optional. Shown on screens under 750px. If empty, the desktop image is used. |
| Heading | Text |
Block: Product
| Setting | Type | Notes |
|---|---|---|
| Product | Product | |
| Horizontal position | Slider | |
| Vertical position | Slider | |
| Different pin position on mobile | On/off | |
| Mobile horizontal position | Slider | |
| Mobile vertical position | Slider |
SlideshowAdd section
| Setting | Type | Notes |
|---|---|---|
| Layout | Choice | |
| Overlay | Slider | |
| Mobile behavior | Choice | Vertical layout scrolls through slides on every screen. The next slide moves up with the page, then the rest of the page follows. |
| Show video controls on mobile | On/off | Off by default. On phones the mobile image is used, or the desktop image if that is empty, and the video stays paused. Turn this on to play the video on phones instead. |
| Autoplay | On/off | |
| Speed | Slider |
Block: Slide
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | Shown on screens 750px and wider. If this is set, the video does not play on desktop. |
| Mobile image | Image | Shown only under 750px. Replaces the desktop image and the video on phones. If empty, the desktop image is used. |
| Video | Video | Plays on desktop only when no desktop image is set. On phones it stays hidden unless “Show video controls on mobile” is on. |
| Eyebrow | Text | |
| Heading | Text | |
| Text | Text | |
| Solid button label | Text | |
| Button link | Link | |
| Alignment | Choice |
SpacerAdd section
| Setting | Type | Notes |
|---|---|---|
| Desktop height | Slider | |
| Mobile height | Slider |
TestimonialsAdd section
No section settings.
Block: Quote
| Setting | Type | Notes |
|---|---|---|
| Quote | Text | |
| Author | Text |
Text with iconsAdd section
No section settings.
Block: Item
| Setting | Type | Notes |
|---|---|---|
| Icon | Text | |
| Heading | Text | |
| Text | Text |
TimelineAdd section
| Setting | Type | Notes |
|---|---|---|
| Heading | Text |
Block: Item
| Setting | Type | Notes |
|---|---|---|
| Desktop image | Image | |
| Heading | Text | |
| Text | Text |