Skip to main content

Shopify theme with a nutrition facts table for food products

Publish nutrition values as a clean table on the product page, with sub-lines and a Nutri-Score.

Saves €6/month

The problem

Food and supplement shoppers want the nutrition facts before they buy. Pasting them into the product description gives a hard-to-read block of text, and custom tables usually mean editing code.

The solution

PopsSaves €6/month’s table block has a nutrition table mode. Give it a heading and a column label such as “Per 100g”, then type one nutrient per line as “label, value”. Start a line with a hyphen to indent it under the one above, for lines like “of which sugars”. Table cells can also show a Nutri-Score grade from A to E.

How it works

  1. Add a table block

    On the product template, add the table block and turn on the nutrition table.

  2. Set the heading and column

    Write the table heading and the label for the values column, e.g. “Per 100g”.

  3. Type the values

    One line per nutrient, e.g. “Energy, 1,650 kJ”. Prefix a line with a hyphen to indent it.

Questions merchants ask

  • Can I show sub-lines like “of which saturates”?

    Yes. Start the line with a hyphen and it is indented under the line above.

  • Can I display a Nutri-Score?

    Yes. The table block has a Nutri-Score cell type that shows a grade from A to E.