CaffenzaDocs

Product facts

Origin, altitude, varietal and brew guide facts on product pages.

The Product facts section on desktop.
The Product facts section on desktop.

Product facts show short facts as a strip or as cards, often with icons: Origin, Altitude, Varietal, Producer, Harvest, or a brew guide with Dose, Water, Temperature, Time and Ratio. The product template includes two Product facts sections already.

  1. Open a product template in the theme editor.
  2. Select Product facts and click Add block → Fact.
  3. Enter a label, then connect Value to a metafield with the dynamic source icon.
Tip

Facts with an empty value are hidden, so products without that data still look tidy.

Screenshots

The Product facts section on a phone.
The Product facts section on a phone.
Product facts settings in the theme editor.
Product facts settings in the theme editor.
Cards layout.
Cards layout.
A brew guide.
A brew guide.

Settings

SettingOptionsWhat it does
Section appearance
Color schemeColor scheme
Settings
SubheadingText (bold, italic, links)
Subheading sizeSmall · Medium · Large
HeadingText (bold, italic, links)Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them.
Heading sizeSmall · Medium · Large · Extra large
Heading levelH2 · H3 · H4 · H5 · H6Adjust for page structure — one H1 per page. Size is controlled separately.
TextRich text
Text sizeSmall · Medium · Large
LayoutStrip · Cards
Columns on desktop2–6
ImageImageOptional. Connect a product image with the dynamic source button.
Image positionFirst · Last
Animations

Blocks

Click Add block under the section in the sidebar. Drag blocks to change their order.

Fact

SettingOptionsWhat it does
LabelText
ValueTextConnect a product metafield with the dynamic source button. Hidden when empty.
IconNone · Award · Bag · Coffee bean · Book · Building · Coffee cup · Envelope · Globe · Headset · Leaf · Lock · Refresh · Shield check · Star · Truck
Custom imageImageReplaces the icon. Shown at the icon width.
Icon width16–64 px

It also has the shared Animate on scroll and Section spacing settings.