Ingredient List

A supplement-facts style ledger of what is actually in a product: name, amount, form, where it came from, allergen flags, and a link to the certificate of analysis.

This is a structured surface, not a rich-text block you hand-build into a table — the allergen flags are checkboxes rather than something you have to remember to type, the amounts line up in tabular figures, and the whole thing stays legible in every color scheme.

Try it

Color scheme

Eyebrow

Short kicker text rendered above the heading in smaller, uppercase type.

Heading

Text

Form

Certificate of Analysis (COA) URL

Optional. Link to a PDF or page hosting your product COA / third-party lab report. Leave blank to hide the link.

Emit structured product usage data (advanced)

Off by default. Adds structured product-usage data (JSON-LD) for search engines. It applies on product pages only, and only when the product carries a dosage_per_kg metafield — elsewhere the setting emits nothing. Enable only after confirming your products comply with applicable supplement and health-claim regulations in your jurisdiction.

Block fields are the source of truth for this section: the name, amount, form, sourcing and allergen flags you enter on each Ingredient block are what render, on any page type. The uisce_neart namespace is read only by the ingredient block on the product page.

Omega-3 (EPA + DHA)
Fish
Bottled on a line that also handles crustacean shellfish.
Amount
1200 mg
Norwegian anchovy oil from certified sustainable fisheries. Molecularly distilled; every batch tested.
Iron bisglycinate
Amount
25 mg
Iron as ferrous bisglycinate — a chelated form. Independent COA per batch.
Ashwagandha (root extract)
Amount
300 mg
Root-only extract, standardised to 5% withanolides. Independent COA per batch.
Cautions: Read the pack label in full, and talk to a healthcare professional before use if you are pregnant, breastfeeding, or taking any medication.

Download Certificate of Analysis (COA)(Third-party lab verified)

Clear the Ingredient name and untick everything and the ledger empties — on the storefront a section with no ingredients renders nothing at all rather than a heading over a blank band. Clear the Certificate of Analysis (COA) URL and the verification row goes with it.

How it works

Each ingredient is one Ingredient block. The section takes up to 12, which keeps the grid to clean rows.

On a wide screen the ledger runs three cards across; it steps to two on a tablet and one on a phone. Each card is the same fixed shape, so a shopper's eye can run down the same information in every entry:

┌──────────────────────────────────────┐
│ Omega-3 (EPA + DHA)      ⚠ Fish      │  ← name + allergen flag
│ Bottled on a line that also handles… │  ← allergen note (optional)
│ AMOUNT                     1200 mg   │  ← facts rows, tabular figures
│ FORM                      (Softgel)  │
│ ────────────────────────────────────  │
│ Norwegian anchovy oil from certified │  ← provenance line
│ sustainable fisheries…               │
└──────────────────────────────────────┘
            ✓ Download Certificate of Analysis (COA)
                  (Third-party lab verified)

If there are no ingredients, there is no section

A section with no Ingredient blocks renders nothing at all on your storefront — no heading, no lede, no empty band. You will still see it in the theme editor, with a reminder to add ingredients, so you can find it and finish it.

The same applies in reverse: if the only thing in the section is an app block, the section stays visible, because the app block is real content. The editor still tells you the ledger itself is empty.

Settings

Listed in the order they appear in the theme editor.

Setting	What it does
Color scheme	Picks which set of colors to use for this section
Eyebrow	Short kicker text above the heading, in small uppercase type (e.g. "Full disclosure")
Heading	The title of the section
Form	How the product is delivered — capsule, softgel, tablet, scoop, sachet, drops, gummy, powder, liquid, oil, cream, or bar. Shows as one chip beside the heading; choose None to hide it.
Text	A short paragraph under the heading
Related article	Pick a blog post to link to (e.g. a guide to reading a supplement label). The link hides itself if the post is unpublished, deleted, or is the page you are already on.
Certificate of Analysis (COA) URL	Where the "Download Certificate of Analysis" link goes. Leave blank to hide the verification row.
Emit structured product usage data (advanced)	Adds structured product-usage data (JSON-LD) for search engines. Off by default, and it only does anything on a product page whose product carries a `dosage_per_kg` metafield in your preset's namespace — `uisce_neart.dosage_per_kg` on a Neart store, `uisce_gaoth.dosage_per_kg` on Gaoth, and so on; data left under another preset's namespace is ignored on purpose. Anywhere else the setting emits nothing.

The eyebrow is not a subheading

Eyebrow renders in small uppercase letter-spaced type — two or three words, like a section kicker. A full sentence typed in here gets shouted back at your visitors in 12px capitals. Put sentences in Text, which renders as a normal paragraph under the heading.

The Metafield reference note at the foot of the panel is information, not a setting: what you type on each Ingredient block is what this section renders, on any page type.

Blocks

Setting	What it does
Ingredient name	The name shoppers see (e.g. "Magnesium glycinate")
Amount	The quantity per serving (e.g. "200"). The Amount row only appears if you fill this in — a unit on its own will not produce one.
Unit of measure	The unit for the amount — mg, g, mcg, IU, ml
Sourcing / form	A short provenance line: where it is from, what form, how it is verified. It renders under a hairline rule at the foot of the card.
Allergen flags	Fourteen checkboxes, one per group in the EU allergen list. An informational flag on your storefront — see below.
Additional allergen note (optional)	Free text for anything the checkboxes cannot say. It supplements the checkboxes rather than replacing them — tick boxes and write a note if you need both.
Cautions	Factual notes about who should check before using this ingredient. Line breaks you type are preserved.

These are plain-text fields

Do not paste HTML into Ingredient name, Amount, Sourcing / form, Additional allergen note (optional) or Cautions. They are plain-text fields, so any tags you paste show up as literal <p> text on your storefront rather than formatting anything. Type the sentence, not the markup.

Allergen flags

The fourteen checkboxes follow the groups named in the EU allergen list (Regulation (EU) No 1169/2011, Annex II): Gluten, Crustaceans, Eggs, Fish, Peanuts, Soybeans, Milk, Tree nuts, Celery, Mustard, Sesame, Sulphites (SO₂ > 10 mg/kg), Lupin, Molluscs.

Ticking one adds a flag beside the ingredient name and announces it to screen readers as "Contains allergen: …". The checkbox label in the editor and the word on the storefront chip are the same string in every one of the theme's 50 languages, so what you tick is what a shopper reads.

If you also fill in Additional allergen note (optional), it renders as its own quiet line under the flag. If you fill in only the note and tick nothing, the note becomes the flag.

The flag is deliberately calm — stone-toned, not a red alarm. This is not softening the information: an allergen flag needs to be noticed and believed, and shoppers learn to tune out alarm colors that a store applies to everything. It takes the color scheme's own text color, so it holds contrast in every scheme, light or dark, and it is never hidden.

Ticking these boxes is not an allergen declaration

These flags are an informational aid on your product page. They do not replace the ingredient and allergen labelling the law requires for your market, and ticking a box here does not make you compliant with anything.

Under the EU rules the flags follow, allergen information has to appear in a particular way — named in the ingredients list and emphasised so it stands out from the rest of it, or, where there is no ingredients list, as "contains" followed by the allergen. A chip beside one ingredient on a theme section is none of those things. Other markets have their own rules again.

Treat this the way you would any other storefront content: useful to a shopper, and not a substitute for the labelling you are responsible for.

Certificate of analysis

If you publish COAs, put the link in Certificate of Analysis (COA) URL and a verification row closes the ledger. If you do not, leave it blank and the row disappears — better nothing than a link to a page that is not there.

Writing the copy

A supplement ingredient panel is read as a claim about the product, so keep the fields descriptive:

Sourcing / form is for provenance and processing — the form of the ingredient, where it was made, how it is verified. It is not the place for what the ingredient does.
Do not put dosing, timing, tolerability, storage, or "take this with that" guidance anywhere in this section. Point at the pack label and a healthcare professional instead; that is what Cautions is for.
Avoid statements you would need a lab report or a clinical trial to defend. "Independent COA per batch" is a fact about your process. "Higher absorption than X" is a claim about a body.

Tips

Fill in Sourcing. It is the field that separates a real ingredient list from a label photo. Shoppers who read ingredient lists are exactly the shoppers who care where things come from.
Use the real amounts, including the unwelcome ones. A visible 50 mg reads as more honest than an absent number.
Flag the allergen even when it is obvious. Fish oil is worth ticking the Fish box for; a shopper scanning the flags is not reading the ingredient names. (Flagging it here is not the same as declaring it — see the warning above.)

Ingredient List ​

Try it ​

How it works ​

If there are no ingredients, there is no section ​

Settings ​

Blocks ​

Allergen flags ​

Certificate of analysis ​

Writing the copy ​

Tips ​