Product metafield
How to use the Product metafield block in the Meditative Folks Theme.
Product metafield
At a glance
Renders product metafield content as plain text or rich text with configurable typography.
Used in
- Configure where this block is available in the parent section.
Settings
Metafield
| Setting | What it does | Default | Shows when |
|---|
Reads product.metafields.[namespace].[key]. The block is hidden when the metafield is empty.
| Namespace | Controls “Namespace” on the storefront. Open the theme editor to preview live. | custom | Always | | Key | Controls “Key” on the storefront. Open the theme editor to preview live. | — | Always |
Content
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Render as | Controls “Render as” on the storefront. Open the theme editor to preview live. | metafield_tag | metafield key != blank |
| Text alignment | Controls “Text alignment” on the storefront. Open the theme editor to preview live. | center | metafield key != blank |
Typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global paragraph styles | Use paragraph font sizes and weight from your global theme styles. | Yes | metafield key != blank |
| Font size (mobile) | Sets font size (mobile) in pixels for the matching screen size. | 18 | Use global paragraph styles is off and metafield key != blank |
| Font size (tablet) | Sets font size (tablet) in pixels for the matching screen size. | 20 | Use global paragraph styles is off and metafield key != blank |
| Font size (desktop) | Sets font size (desktop) in pixels for the matching screen size. | 22 | Use global paragraph styles is off and metafield key != blank |
| Font weight | Sets how bold font weight text appears. | 400 | Use global paragraph styles is off and metafield key != blank |
| Text color | Controls “Text color” on the storefront. Open the theme editor to preview live. | #000000 | metafield key != blank |
Font family
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global body font | Use the body font family from your global theme styles. | Yes | metafield key != blank |
| Font family | Controls “Font family” on the storefront. Open the theme editor to preview live. | assistant_n4 | use global paragraph font is off and metafield key != blank |
Setting details
Each control from the tables above, explained simply:
Namespace
Controls “Namespace” on the storefront. Open the theme editor to preview live. Default: custom.
Key
Controls “Key” on the storefront. Open the theme editor to preview live. Default: —.
Render as
Controls “Render as” on the storefront. Open the theme editor to preview live. Default: metafield_tag. This control appears when: metafield key != blank.
Text alignment
Controls “Text alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: metafield key != blank.
Use global paragraph styles
Use paragraph font sizes and weight from your global theme styles. Default: Yes. This control appears when: metafield key != blank.
Font size (mobile)
Sets font size (mobile) in pixels for the matching screen size. Default: 18. This control appears when: Use global paragraph styles is off and metafield key != blank.
Font size (tablet)
Sets font size (tablet) in pixels for the matching screen size. Default: 20. This control appears when: Use global paragraph styles is off and metafield key != blank.
Font size (desktop)
Sets font size (desktop) in pixels for the matching screen size. Default: 22. This control appears when: Use global paragraph styles is off and metafield key != blank.
Font weight
Sets how bold font weight text appears. Default: 400. This control appears when: Use global paragraph styles is off and metafield key != blank.
Text color
Controls “Text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: metafield key != blank.
Use global body font
Use the body font family from your global theme styles. Default: Yes. This control appears when: metafield key != blank.
Font family
Controls “Font family” on the storefront. Open the theme editor to preview live. Default: assistant_n4. This control appears when: use global paragraph font is off and metafield key != blank.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.