SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Kalles - Icon box

Alfred

Written by Alfred

Last updated

1263 views

On this page


This section helps you add Icon, Header, Subheader, and Text in many boxes. You can use this section for many different purposes, especially for a more flexible Free Shipping section.

2023-06-24_16-32-44.gif

Steps: In the theme editor (Customize) > Add section > Icon box > Save.

1. Icon box settings

HEADING OPTIONS:

  • You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

11.gif

CONTENT OPTIONS

  • Source Icon: This option allows you to choose icons from three sources: Icon, Image, SVG. You can choose one and then upload for your devices and outer sources.

  • Layout: You can choose between Grid and Carousel.

  • Moreover, you can also change Padding content, Items per row (For all devices), and Space horizontal/ Vertical (For both Mobile and Desktop).

12.gif

OPTIONS FOR CAROUSEL LAYOUT:

  • you can Enable loop, config Autoplay speed, adjust the style for Prev next buttons and Page dots

13.gif

COLOR OPTIONS/ BOX SHADOW/ BORDER OPTIONS:

  • These sections will help you enable/ disable Box Shadow and Box Border. Moreover, you can also change color for Border, Heading, Icon, Description, etc.

14.gif

DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

2. Box item

Click on Icon box > ADD BOX to add box items for this section.

CONTENT OPTIONS: you can fill in a link for the box, choose Icon position

ICON OPTIONS: enter the icon code/image to use Icon awesome, Icon image or Icon SVG according to Source Icon in Icon box settings

TEXT OPTIONS: enter the Heading and content for each box

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.