The Specifications section shows details as pairs of a label and a value, such as Altitude and 1,600 m, next to a heading and a paragraph. On a product page, each value can come from the product's own details, so every product shows its own table. To add one, click Add section in the editor and select Specifications, Specifications table or Specifications sheet.
Presets
Specifications
Specifications table
Specifications sheet
Style
List
Table
Sheet with photo
Rows
Six, on a light panel beside the heading
Nine, in three named groups under the heading
Six, beside a photo, with three tags
Use it for
A short set of product details
Many details that fall into groups
A product photo with its details, like a label
Every preset comes with sample values typed in. On a product template, connect each value to a product metafield instead, as the next part explains.
A row whose value is empty is hidden on your store, so a product without that metafield shows the other rows. The editor keeps the row in view, so you can find it and fill it. When no row has a value, the whole section is hidden on your store. In every style, the default product template has a Specifications section with labels and no values, so it stays hidden until you connect them.
When the section has no Specification blocks at all, the editor shows the message "Add a specification with a value to display this section."
Layout
Alignment aligns the heading and the paragraph. The rows always stay aligned left. Padding top, Padding bottom, Margin top and Margin bottom work as in other sections, and Section layout settings describes them.
List puts the rows on a light panel with rounded corners. Table puts the rows under the heading in groups, each with its group name on the left, its rows in two columns on the right, and a thin line above it. Sheet with photo puts a photo on the left and the heading, the paragraph and the rows on the right, with a thin line above each row.
Heading position
Shows with List. Left puts the heading and the paragraph on the left half and the panel on the right half. Top puts them above the panel, and the rows spread into up to three columns. On screens narrower than 768 px, the heading is always on top.
Image
Shows with Sheet with photo. The photo on the left, shown whole on a light panel. Leave it empty on a product page to show the product's first photo.
Tags
Shows with Sheet with photo. Short words shown as small labels under the rows. Separate them with commas, such as Fig leaf, Cedar, Smoke.
On screens narrower than 768 px, a table group's name sits above its rows, and the sheet's photo sits above the text.
Motion
Dark moment, Rise on scroll and Chapter title work as in every section. Section motion settings describes them.
Specification blocks
Setting
What it does
Group
Shows with Table. Rows with the same group name sit together under that name. A row without a group sits in a group with no name.
Label and Value
The two parts of the row, such as Process and Washed.
Note
Adds a small info icon after the label. The note opens when the pointer is over the icon, or when a customer taps or clicks it.
The Specifications section shows details as pairs of a label and a value, such as Altitude and 1,600 m, next to a heading and a paragraph. On a product page, each value can come from the product's own details, so every product shows its own table. To add one, click Add section in the editor and select Specifications, Specifications table or Specifications sheet.
Presets
Specifications
Specifications table
Specifications sheet
Style
List
Table
Sheet with photo
Rows
Six, on a light panel beside the heading
Nine, in three named groups under the heading
Six, beside a photo, with three tags
Use it for
A short set of product details
Many details that fall into groups
A product photo with its details, like a label
Every preset comes with sample values typed in. On a product template, connect each value to a product metafield instead, as the next part explains.
Values from each product
Value in each Specification block can be connected to a product metafield, such as the product's region, so each product shows its own value. Fill product sections with each product's details walks through it, and How each product gets its own content explains the idea.
A row whose value is empty is hidden on your store, so a product without that metafield shows the other rows. The editor keeps the row in view, so you can find it and fill it. When no row has a value, the whole section is hidden on your store. In every style, the default product template has a Specifications section with labels and no values, so it stays hidden until you connect them.
When the section has no Specification blocks at all, the editor shows the message "Add a specification with a value to display this section."
Layout
Alignment aligns the heading and the paragraph. The rows always stay aligned left. Padding top, Padding bottom, Margin top and Margin bottom work as in other sections, and Section layout settings describes them.
Background
The section can sit on a color, a photo or a video. Section background settings covers these settings.
Content
Setting
What it does
Style
List puts the rows on a light panel with rounded corners. Table puts the rows under the heading in groups, each with its group name on the left, its rows in two columns on the right, and a thin line above it. Sheet with photo puts a photo on the left and the heading, the paragraph and the rows on the right, with a thin line above each row.
Heading position
Shows with List. Left puts the heading and the paragraph on the left half and the panel on the right half. Top puts them above the panel, and the rows spread into up to three columns. On screens narrower than 768 px, the heading is always on top.
Image
Shows with Sheet with photo. The photo on the left, shown whole on a light panel. Leave it empty on a product page to show the product's first photo.
Tags
Shows with Sheet with photo. Short words shown as small labels under the rows. Separate them with commas, such as
Fig leaf, Cedar, Smoke.On screens narrower than 768 px, a table group's name sits above its rows, and the sheet's photo sits above the text.
Motion
Dark moment, Rise on scroll and Chapter title work as in every section. Section motion settings describes them.
Specification blocks
Setting
What it does
Group
Shows with Table. Rows with the same group name sit together under that name. A row without a group sits in a group with no name.
Label and Value
The two parts of the row, such as
ProcessandWashed.Note
Adds a small info icon after the label. The note opens when the pointer is over the icon, or when a customer taps or clicks it.