Images & video
Pixelion - Icon Bar
What it is
A bar of cards, each with an icon, title and text, to highlight benefits or guarantees. It can be shown in columns or as a slider.
When to use it
- Summarize your guarantees (shipping, returns, secure payment) at a glance.
- Present several brand benefits with one icon each.
- Show many cards in a mobile slider without taking too much space.
- Used by default in
- Home page, Product page
- Available in
- Everywhere except: Header (every page), Footer (every page)
- Appears in the editor as
- «Pixelion - Icon Bar»
Main settings
How this section's settings are organised.
General9 settings
Heading · Font size · Mobile font size · Heading text alignment · and 5 more
Text4 settings
Text · Color scheme · Override section background · Custom section background color
Icons7 settings
Icon layout · Icon Size · Icon Size (mobile) · Icon color · and 3 more
Card spacing6 settings
Card horizontal padding · Card vertical padding · Card border width · Card border style · and 2 more
Content sizing5 settings
Card heading font size · Card heading font size (mobile) · Card text font size · Card text font size (mobile) · and 1 more
Slider6 settings
Type · Enable autoplay · Autoplay speed · Arrows color scheme · and 2 more
Desktop10 settings
Full page width · Columns desktop · Enable desktop slider · Slides to scroll on one move · and 6 more
Mobile6 settings
Number of columns on mobile · Enable mobile slider · Preview of prev & next slides · Adaptive height · and 2 more
Common settings
This section also has these shared settings, explained on their own page:
Blocks
Content you add inside the section with “Add block”. Their settings are in the full reference.
- Icon5 settings
Full reference: 75 settings
Type, default value, ranges and units, every option and when each setting shows — plus every block setting, tips and the docs of older versions. Available to Pixelion customers.
File: sections/icon-bar.liquid · v2.0.15