Multicolumn with icons

The combination of text and icons provides a clear, easy-to-read format that enhances the visual appeal and communicates essential information concisely.

The Multicolumn with Icons section displays multiple columns with text blocks accompanied by relevant icons, making it ideal for highlighting your store’s values, explaining business processes, or listing key product features.

1, How to add section in theme editor:

1

In your theme editor (Customize), scroll to the bottom of the template and select Add section.

2

In the list, locate and select Multicolumn with icons section. The section will now be added to your page, ready for customization.

2, Section settings:

The Section settings control the color scheme, column arrangement, icon placement, and layout for mobile.

• Secondary background:

None

Applies the Color scheme to both the section background and content blocks.

Show as column background

• Grid settings

• Number of columns on desktop: Adjust the number of columns displayed per row on desktop, with options from 2 to 4 columns.

• Desktop icon placement: Set the position of icons & content within the columns: Top left, Top center or Left.

• Mobile layout:

Number of columns on mobile: Choose the number of columns displayed per row on mobile, with options for 1 or 2 columns.

Mobile icon placement: Adjust the icon & content position for mobile, placing it either Top left, Top center or Left.

3, Icon block settings:

Each column in the Multicolumn with icons section contains an Icon block, where you can select specific icons, add headings, and include descriptions and buttons.

• Icon: Choose an icon that represents the content of each block from a list of over 40 icons provided by Poetic Theme.

• Icon size: Control the size of the icons in the blocks.

• Alternative icon/image: Upload a custom icon or image to replace the default icon. If both default and custom icons are set, the uploaded image will override the default.

• Heading and description: Enter a heading for the block and adjust its size to suit the design, providing a clear title for each column. Add additional text beneath the heading to provide further information or context.

• Button: Optionally, add a button to guide customers to another page or destination.