The Technical specifications feature is used to show detailed elements of a product in an accessible, visually-appealing way. To include this feature on a product page, the product must first be assigned to the Featured product portion of the Theme settings.
Use the theme editor to enable in theme settings, then configure the technical specifications feature, customize the appearance, add headings, include an image, provide a download link for customers, and set the Ion icons for the feature.
Enable in theme settings
Enable this section on your product page by navigating to Featured product in your Theme settings, then enable Technical specifications for the first or second dropdown.
Configure the technical specifications feature
Open the assigned product page in the right-side preview of the theme editor for the section to display in the left-side settings.
Customize the appearance
Start by selecting a Background style for the Technical specifications section.
There are four options: Light, Color, Gradient, and Default. Change these colors by visiting the Colors portion of the Theme settings.
Include a Heading and Subheading using the provided text fields.
Include an image
Upload a Product image by clicking Select image. Position the image to align with the content using the Align image dropdown.
Provide a download link for customers
Make an image file available for customers to download by using the Download specification image feature.
This is an optional section for customers to download even more information about your product. If you have a highly detailed or technical image of your product, for example, upload it to the Download specification image section. Add the Button text and Subheading to display below that button.
Add up to four specifications
By default, the full set of four Specifications will be included. To edit a Specification block, click on it to reveal fields for Heading, Text, and an Icon.
Set the Ion icons
Click the link in the theme editor to view the list of available icons. When you find one that you like, click on it and a text name will be revealed. Copy this name into the Icon name field to assign that icon.