Features bar

Overview

The Features bar section is a versatile way to draw attention to your main value propositions and unique offers. It presents your shop's top features in a visually engaging row, using a combination of concise text and icons. Placing the Features bar high on a page ensures that visitors immediately notice your store's advantages, helping to build trust and encourage further exploration.

⚠️ Important: The Features bar is designed to keep your core selling points in clear view. This section can be an effective tool for building credibility and prompting shoppers to engage.

Key components and functionality

The Features bar includes multiple settings that let you personalize the layout, content, and style for maximum visual impact. Each setting is intended to enhance your ability to communicate highlights quickly and clearly to your customers.

Section introduction

Use this space for context or a brief introductory message at the top of the section. This is your opportunity to cement first impressions and connect the Features bar with your broader store theme and messaging. Keep it succinct and welcoming.

Text alignment and icon positioning

These settings control how the content is arranged, affecting the balance and readability of your features.

Text alignment

Align the feature block’s text to the left, center, or right to match your store’s visual identity and improve legibility.

Icon position

Choose where the icon appears in relation to the feature text for each item:

1. Top

2. Bottom

3. Left (Default)

4. Right

Adjusting the icon’s placement can help guide the user’s attention and reinforce the intended reading flow.

Show icon border

Toggle a border around each icon for enhanced separation and emphasis. The default is enabled, making icons stand out against any background.

Supported block types

The Features bar allows up to four feature blocks within a single row. Each individual feature block offers:

1. An icon, selectable by name

2. A title

3. A subheading (brief description)

4. An optional link

5. Device-specific visibility controls for desktop or mobile

These blocks enable you to highlight top benefits, services, policies, or guarantees in an easily scannable format.

📝 Note: For best results, keep icon choices recognizable and titles brief. Display only the most vital features — overcrowding can reduce clarity and diminish the section's effectiveness.

Usage notes

1. The Features bar is fully responsive and will adapt automatically to all screen sizes. Preview your arrangement on every device, ensuring each feature remains prominent and accessible.

2. Use icons that are visually light and easy to understand to support fast loading and instant recognition.

3. Write short, accessible titles and descriptions, maintaining high contrast for icon, text, and background colors.

4. Only use links within features where they add genuine user value.

5. Adjust padding and section spacing to ensure balanced white space and a comfortable, visually appealing layout.

💡 Tip: Always preview the Features bar before publishing, checking that each feature, icon, and link displays clearly and functions as intended for every customer.

By configuring the Features bar with clear, concise highlights and thoughtful design choices, you can drive instant recognition of your shop’s key strengths and create a lasting impression for every visitor.