Features Section What Makes Your Store Stand Out

Showcase up to four key features with icons, supporting content, two images, and a flexible layout designed for Shopify stores.

  • check-icon Feature Highlights
  • check-icon Image-Based Layout
  • check-icon Responsive Design
Features Section Desktop Preview 1
Features Section Desktop Preview 2
vector
vector

Key Features for Clear Feature Highlights

Present important store benefits with feature icons, supporting images, flexible alignment, custom styling, and responsive layouts for every screen.

Feature Highlight List

Feature Highlight List

Add up to four feature items to clearly explain important product or store benefits.

Custom Feature Icons

Custom Feature Icons

Add a separate image icon to each feature for a more visual and recognizable presentation.

Dual Image Layout

Dual Image Layout

Use a card image with a larger background image to create a layered visual feature section.

Flexible Image Position

Flexible Image Position

Place the visual feature layout on the left or right side of the section.

Custom Feature Content

Custom Feature Content

Add rich text to each feature item to clearly explain its benefits.

Feature Icon Control

Feature Icon Control

Show feature icons or hide them when a simpler text-based layout works better.

Content Alignment

Content Alignment

Position the main heading and description at the top, middle, or bottom on the desktop.

Responsive Design

Responsive Design

The section stacks its content and images to achieve a clean layout on smaller screens.

Features Settings & Options

Control feature content, images, alignment, styling, buttons, spacing, and section width from the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Main heading displayed above the feature content.

Heading

Supporting rich text displayed below the heading.

Content

Choose how the heading and content are aligned.

Text Alignment

Set the vertical position of the content on the desktop.

Content Position

Add a main button below the section content.

Button Label

Set the destination URL for the main button.

Button Link

Choose the left or right position for the image layout.

Image Position

Add the main card image used in the layered layout.

Card Image

Add the larger image shown behind the feature list.

Background Image

Show or hide feature icons beside each item.

Hide Feature Icons

Set the section background color.

Background Color

Set the maximum width when full width is disabled.

Section Width
Block Settings

Block Settings

Applies to each feature item

Add an image icon beside the feature content.

Feature Icon

Add rich text describing the individual features.

Feature Content

Where This Section Can Be Used

Use the Features section to explain product benefits, store advantages, service highlights, or important selling points across key Shopify pages.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Explain Your Store Benefits at a Glance

Use the Features section on your homepage to introduce key benefits, explain your value, and help visitors understand what makes your store different.

check-iconHighlight your most important store benefits

check-iconIntroduce key product or service advantages

check-iconUse icons to make benefits easier to scan

check-iconSupport your homepage visual storytelling

check-iconGuide visitors toward important store content

Collection Page

Help Shoppers Understand Collection Benefits

Add the Features section to a collection page to explain product qualities, shopping benefits, or reasons to explore the products within that collection.

check-iconExplain key collection advantages

check-iconHighlight useful product qualities

check-iconSupport collection-level messaging

check-iconMake important information easier to scan

check-iconStrengthen product discovery content

Product Page

Highlight Important Product Features Clearly

Use the section around the product content to explain key benefits, product qualities, or supporting information, using visual feature icons and images.

check-iconExplain key product benefits

check-iconHighlight important product qualities

check-iconSupport purchase-related information

check-iconMake feature details easier to scan

check-iconAdd visual context around product content

Landing Page

Build a Clear Feature-Focused Campaign

Use the Features section on landing pages to present campaign benefits, service highlights, product advantages, or key reasons visitors should continue exploring.

check-iconPresent campaign benefits clearly

check-iconCreate a focused feature presentation

check-iconSupport promotional page content

check-iconCombine feature text with strong visuals

check-iconGuide visitors toward the next action

Make Important Store Benefits Easier to Understand

Turn key selling points into a clear visual section that combines concise feature content, icons, images, and flexible layouts for Shopify stores.

Features Section

Clear Benefits With Strong Visuals

Help shoppers quickly understand key benefits with short feature content, supported by icons and engaging section imagery.

check-iconMake important information easier to scan

check-iconPresent multiple benefits in one organized section.

check-iconUse icons to reinforce individual feature messages

check-iconCombine supporting content with visual imagery.

check-iconAdapt the layout to match your store design

check-iconKeep feature content responsive across devices.

Do This, Skip That.

DO

  • do Use short and clear feature descriptions
  • do Choose icons that match each feature message
  • do Keep all feature content easy to scan
  • do Use relevant images that support the section
  • do Highlight your most useful store benefits

DON'T

  • don't Use long paragraphs for individual features
  • don't Choose unrelated icons for feature content
  • don't Add too many ideas to one feature item
  • don't Use images that distract from the features
  • don't Repeat the same benefit across multiple items

Frequently Asked Questions

Can I add multiple feature items to the section?

Yes. The section supports up to four feature blocks, each of which can contain its own icon and rich text content.

Can I use a different icon for each feature?

Yes. Each feature block has its own image picker, allowing you to add a separate icon for every feature item.

Can I hide the feature icons?

Yes. You can enable the Hide Feature Icons setting to display feature content without circular icon containers.

Can I add two different images to the section?

Yes. You can add a card image and a background image to create the section's layered visual layout.

Can I move the images to the left or right?

Yes. The Image Position setting lets you place the visual layout on either the left or right side of the feature content.

Can I change the position of the desktop content?

Yes. You can position the main content at the top, middle, or bottom of the layout on desktop screens.

Is the Features section mobile responsive?

Yes. The layout changes for smaller screens, with the content, images, and feature list arranged for easier mobile viewing.

Can I make the section full width?

Yes. Enable Full Width to use the available section width, or disable it and set a custom Section Width.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Your Features

Install SectionHub and add the Features section to your theme in minutes - no coding required.