Text/HTML metafield theme block
Intro
This tutorial covers the peculiarities of a specific block. Please ensure you are familiar with the basic tutorial before proceeding.
Supported metafield types
The given block is compatible with the following metafield types:
- Single-line text field *;
- Multi-line text field;
- Rich text field;
- String (deprecated);
- Language;
- Number integer *;
- Number decimal *;
- Integer (deprecated);
- Money;
- Weight *;
- Volume *;
- Dimension *;
- Antenna gain *;
- Area *;
- Battery charge capacity *;
- Battery energy capacity *;
- Capacitance *;
- Concentration *;
- Data storage capacity *;
- Data transfer rate *;
- Display density *;
- Distance *;
- Duration *;
- Electric current *;
- Electrical resistance *;
- Energy *;
- Frequency *;
- Illuminance *;
- Inductance *;
- Luminous flux *;
- Mass flow rate *;
- Power *;
- Pressure *;
- Resolution *;
- Rotational speed *;
- Sound level *;
- Speed *;
- Temperature *;
- Thermal power *;
- Voltage *;
- Volumetric flow rate *;
The list versions are supported for the types marked with a star ("*").
Customizing your block
After creating a block, you can adjust its appearance to match your storefront perfectly. For text blocks, you can change the text (1) and background (2) colors:
and the text style (3):
For list versions of metafields, you can select the way the data will be presented on the product page (4): a bulleted list, a numbered list, or comma-separated values:
In addition to this, you can change the space between the list items (5) and add borders (6):
You can also wrap the "dynamic" metafield content with the static pieces of text: the prefix (displayed before the metafield content) and suffix (displayed after the metafield content):
