In the theme editor: CustomizeProduct pageAdd sectionProduct specifications

Product specifications

A specifications table. Rows come from blocks, or from the product’s own “Specifications” field.

In the product field write one detail per line, as “Name: value”. Products with an empty field hide the table.

Settings

General

A list of details, each with a name and a value. Rows come from a product field and from the spec rows you add here. Nothing is made up: with no rows, the section is hidden in the store.

Content

Heading
TextEmpty: "Specifications" in the shopper's language.
Product field for specifications
Textnamespace.key of a multi-line text product field, one detail per line: "Name: value". Default: custom.specs. Empty: only the rows below.
Settings every section sharesWindow, Scrolling, Spacing, Colors

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Window

Attach
Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window

Scrolling

Next section covers it on scroll
On or offDefault: OffScrolling down, this section stays in place under the header and the next section rises over it. Scrolling back reverses it. Off in the editor, for visitors who asked for reduced motion and on very short screens.

Spacing

Custom spacing for this section
On or offDefault: OffOff: the section spacing from theme settings, under Layout. On: the values here, above and below this section. On phones most sections use 65% of them.
Space above
Slider, 0 to 160 pxDefault: 56 px
Space below
Slider, 0 to 160 pxDefault: 40 px
Content width
Choice: Narrow, Standard, Wide, Full widthDefault: Standard

Colors

Color scheme
Color schemeSame as the page scheme: the section sits on the page background. Another scheme gives the section its own background, as a card inside the frame. Custom colors below override the scheme.
Use custom colors for this section
On or offDefault: OffOverrides the color scheme. Empty fields follow the scheme.
Background
ColorDefault: #F1F1EF
Text
ColorEmpty: automatic. Light on a dark background, dark on a light one.
Background style
Choice: Flat color, Lit stageDefault: Flat colorLit stage: a soft light from above that fades toward the bottom, made from the section color, light or dark. On a dark color, text and buttons turn light on their own.
Light color
ColorThe soft light from the top center. Empty: white.

Blocks

Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.

Spec row

General

Name
Text
Value
TextTo show each product's own value, connect this field to a product field (the dynamic source button). A row without a name or a value is hidden.

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.