Image with features
The Image with features section highlights feature aspects of your products with an adjustable layout. Each feature block can include their own round or square icon-like image. You can add this section to your home page, collection pages, or product pages.
The Image with features section can be used on the following page templates:
Home page template
Collection pages template
Product pages template
Add an Image with features section to the home page
To add an Image with features section to your home page:
Add an Image with features section to other pages
You can add an Image with features section to your Collection pages and Product pages templates.
To enable an Image with features section on these pages:
Settings reference
The Image with features section has the following settings:
Image
Use the Select image button to add an image.
Image width
Choose between 1/2 or 2/3 to change the image size to half or over half of the section.
Image aspect ratio
Choose to display your images as Square, Landscape, or Portrait. The default Natural setting will display the original orientation of your images.
Heading
Add heading text.
We recommend a title of just a few words long.
Text position
Add subheading text.
Use the formatting buttons to add bold, italic, and linked text.
Text alignment
Add a short call-to-action text to create a button that links to the collection.
Use alternate selection color
Set the background color to the Alternate Section Color as chosen in your Color Settings.
See Spark's Color settings documentation to learn how to set Alternate section colors.
Add features
To add a new feature to your Image with features section:
Settings reference
Each feature block has the following settings:
Image
Select or upload an image to accompany or illustrate the individual feature.
We recommend a square image, ideally 160px by 160px.
Image shape
Choose to display the image as Round or Square.
Heading
Add heading text.
We recommend a title of just a few words long.
Subheading
Add subheading text to describe the feature.
Max width of text
Control the width of the subheading text.
Home page
Collection pages
Product pages
Image with text