Appearance
Dosage Guide
A supplement-facts style panel that tells shoppers how much to take. It works two ways: a fixed serving ("1 capsule with breakfast"), or a body-weight calculator that works out a suggested amount from what the shopper types in.
Supplement and wellness shops normally hand-build this. It ships with the theme.
Try it
Change the settings below and watch the preview update in real time. In Per body weight mode the calculator is live — type a weight and the suggested amount recalculates.
Storefront preview
Settings
| Setting | What it does |
|---|---|
| Color scheme | Picks which set of colors to use for this section |
| Subheading | A small line above the heading (e.g. "Daily guidance") |
| Heading | The title of the section |
| Text | A short paragraph under the heading, for context |
| Dosage mode | Per serving shows fixed guidance you write yourself. Per body weight shows a calculator. Default: Per serving. |
| Serving size text | The serving guidance shoppers see in Per serving mode (e.g. "1 capsule with breakfast"). Only used in Per serving mode. |
| Dosage per kg (mg) | Milligrams per kilogram of body weight. The calculator multiplies the weight a shopper types by this number. Only used in Per body weight mode. |
| Maximum weight | Above this weight the calculator shows a warning next to the amount: "Do not exceed the stated daily intake shown on the product label." Only used in Per body weight mode. |
| Related article | Pick a blog post to link to, for shoppers who want the reasoning behind the numbers |
Which mode should I use?
Per serving suits capsules and tablets — the dose is the same for everyone, so a calculator would be false precision. This is the default for a reason.
Per body weight suits powders and tinctures, where the amount genuinely scales with the person.
You can use both on one page. The Neart demo store does exactly that: a Per serving panel for capsules, then a second Per body weight panel below it for powders.
Advanced
Niche metafield namespace — an advanced setting that sets the metafield namespace associated with this section. The default (uisce_neart) is the Neart preset's namespace; most stores can leave it as-is. The dosage figures shoppers see come from the section settings above.
Structured usage data (JSON-LD) — off by default, and it should usually stay off. Turning it on publishes machine-readable dosage instructions for search engines. In some markets that can read as a medical claim, which brings regulatory attention (FDA in the US, MHRA in the UK). Only enable it if you've checked your own position.
Accessibility
The calculator is built to announce itself properly, and you don't need to configure any of this:
- The result is a live region, so screen readers read out the new amount when it changes — without stealing focus from the input.
- The input describes its own formula to assistive tech, so a screen-reader user knows what the number means.
- The weight input accepts numbers only, with a minimum and a maximum.
A note on wording
The section never tells a shopper to "consult your doctor" — it says "Talk to a healthcare professional", and the informational-only caveat sits under every panel in both modes.
This is deliberate. Phrasing that reads as medical instruction can turn a supplement listing into a regulated health claim. Keep your own copy on the same side of that line: describe what's in the product, not what it treats.
Tips
- Set the serving text like a label, not an ad. "1 capsule with breakfast" beats "Fuel your best self daily."
- Keep the maximum weight realistic. It exists so an implausible number triggers the caution instead of passing silently.
- Link a related article if your dosing has reasoning behind it. Shoppers who care about dose are the ones who read.