Icon boxes

Highlight your key features or ingredients with clean, visually engaging icon boxes that make it easy for customers to explore and understand what sets your products apart.

How to add an Icon boxes section to your Shopify store

How to customize an Icon boxes section

Section settings

Layout

Setting
Description

Type

Choose how icon boxes are displayed.

Columns

Set the number of columns displayed in the grid.

Column gap

Adjust the spacing between columns.

Row gap (Grid only)

Adjust the spacing between row.

Mobile layout

Setting
Description

Enable swipe on mobile

Allow users to swipe through items on mobile devices.

Custom column width

Enable custom width for columns instead of equal sizing.

Mobile columns

Select how many columns appear on mobile.

Horizontal gap

Adjust the spacing between items horizontally on mobile.

Check out other Icon boxes section settings: Common settings available in most sections

Block settings

The Icon boxes section consists of three main blocks: Header, Icon box, and Quick view.

Last updated