Electro How to Modify Electro Product Detailed Specifications Settings
Theme: Electro · Section type: Product page section
The Detailed specifications section shows a product's technical details, such as dimensions, weight or battery life, from product metafields. It can also show download buttons for files like manuals or spec sheets. Because the values come from each product's metafields, one section works for all products that use the template.
Note: This section is part of the default product template. It isn't listed in Add section, so hide it instead of removing it if you might want it back. Each section holds 1 Specifications block and 1 File download block.
What you can do
- Set up the metafield namespace
- Show specifications on the product page
- Add file download buttons
- See what customers see
- Change the section settings
- Fix common problems
Set up the metafield namespace
The section reads metafields from one namespace that you set once for the whole theme.
- In Shopify admin, create the product metafield definitions and fill in the values for your products. See "How to set up product metafield".
- In the theme editor, click Theme settings > Product information.
- Under Specifications, enter the Metafield namespace (for example custom).
- Click Save.
Note: This namespace is also used by the comparison sections. Only single-value metafields are supported, not list types.
Show specifications on the product page
- In the theme editor, open a product template.
- Click the Detailed specifications section, then click the Specifications block.
- In Metafield keys, enter the keys you want to show, separated by commas (for example height, width, depth). They show in this order.
- Optional: select Collapse specifications to show each specification as a row that customers click to open.
- Click Save.
Each key's name becomes the label: the key is written in capital letters and underscores become spaces. For example, product_type shows as PRODUCT TYPE and built_in_microphone shows as BUILT IN MICROPHONE.
Tip: Name your metafield keys the way you want customers to read them, for example battery_life rather than bl.
Add file download buttons
- In Shopify admin, create a product metafield of type File for each download (for example user_manual) and upload a file for each product.
- In the theme editor, click the File download block in the Detailed specifications section.
- In Metafield keys, enter the File metafield keys, separated by commas.
- Click Save.
Each file shows as a button labeled with the key name, for example USER MANUAL.
What customers see
- Specifications: a list of labels and values for the product. True or false values show as a check mark or a cross, colors as a swatch, images as a picture, ratings as stars, and measurements with their unit. A metaobject value shows each of its fields with its own label.
- Collapsed: with Collapse specifications, each specification is a row with an arrow. Customers click a row to open it, and can open several at once.
- Downloads: each file is a button. Customers click it to open or download the file in a new tab.
- Missing values: a key with no value for the product is skipped. If the product has no values at all, the section shows only its heading and description.
Settings reference
General
Setting | What it does |
|---|---|
Color scheme | Sets the colors of the section. |
Heading | Sets the section heading. Leave it empty to hide it. |
Heading size | Sets the heading size from H2 to H5. |
Section description | Sets the text under the heading. |
Layout
Setting | What it does |
|---|---|
Content alignment | Aligns the heading and description Left or Center. |
Specifications block
Setting | What it does |
|---|---|
Metafield keys | Sets the product metafield keys to show, separated by commas. See "Show specifications on the product page" above. |
Collapse specifications | Shows each specification as a row customers click to open, instead of an open list. |
File download block
Setting | What it does |
|---|---|
Metafield keys | Sets the File metafield keys to show as download buttons, separated by commas. |
Theme settings > Product information
Setting | What it does |
|---|---|
Metafield namespace | Sets the namespace of your specification metafields. Under Specifications. |
Troubleshooting
The specifications don't show.
Check that Metafield namespace is set in Theme settings > Product information and that the keys in the Specifications block match your metafield keys exactly. The product also needs values for those metafields.
A specification is missing for one product.
That product has no value for the key. Fill in the metafield on the product in Shopify admin.
A list metafield doesn't show.
Only single-value metafields are supported. Change the definition to a single value, or split it into separate keys.
The download button doesn't show.
The File download block only shows File metafields. Check that the metafield type is File and the product has a file uploaded.
Related articles
- How to set up product metafield
- How to use Electro Product template
- How to use Electro Product comparison
- Electro Theme settings
Updated on: 30/10/2026
Thank you!