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

GridCarousel

#Mobile layout

Enable swipe on mobile1 column2 columns

#Block settings

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

HeaderIcon boxQuick view

Use the Header block to create and customize the section’s heading and introductory content.

Setting	Description
Alignment	Set the header alignment: left, center, or right.
Devices	Switch between desktop and mobile padding settings.
Bottom	Adjust the spacing below the header.

📦 Nested dynamic blocks

• Heading – Add a main title
• Subheading – Provide supporting text above or below the heading
• Text – Include additional descriptions or details
• Image – Display an image or icon
• Button – Add a call-to-action

📝 Learn more: Basic

📝 Learn more: Basic

Displays a quick view modal with a list of icon box details, allowing users to easily browse information without leaving the page.

Setting	Description
Heading	Set the title displayed at the top of the quick view pop up.
Button	Customize the text shown on the action button.
Button style	Choose the visual style of the button.
Button size	Adjust the size of the button.
Button icon	Add or remove an icon displayed alongside the button label.
Enable button full width on mobile	Make the button stretch to full width on mobile devices for better usability.