Multicolumn Banner

This section allows you to add textual content that can combine with an icon, it's a great way to show features or services offered in your store.

Frame

Select a Template to edit from the dropdown menu in the top bar.
In the side panel, click (+) Add section and select Multicolumn banner.
Change the order of your sections by using the drag and drop handles ⋮⋮
Click Multicolumn banner tab to open the settings.
Select Text align option to select how do you want to align the text in the section, left or center.

Click on a Column block to open the block settings.
- Click + Add Column to create a new column with text.
- Click Remove block or the eye icon to delete or hide a block.
Select the Select an icon option to choose an icon from our default icons list, if you don't want an icon you can select the option none in the list and this will hide the icon.
(Optional) Click Select image on the Image option and use the file selector to select an image from your library or upload a new icon file. Use this option only in case that you want to show a custom icon instead of the one selected from our default list. We recommend use a PGN format with 140px width, use the Modal background color as a color of the icon, you can find this color on Theme Settings > Colors.
Add Heading text to add the title of the column this title will appear next to the icon.
Add Description option to add a description to provide further information, this text will display below the title.
Click Save.

Select a Template to edit from the dropdown menu in the top bar.
In the side panel, click (+) Add section and select Multicolumn banner.
Change the order of your sections by using the drag and drop handles ⋮⋮
Click Multicolumn banner tab to open the settings.
Select Color scheme option to change the text color and background color of the section.
Select Background option to change the style of the background, Honey offers default decorations and shapes.
Select Gradient background option in case you want to apply a custom gradient background, please note this option overrides the background selection made before.
Select Gradient text color to choose a custom color for the text, this color is only applied if you have a gradient background active.
Select Text align option to select how do you want to align the text in the section, left or center.
Adjust the Font size of the heading and text using the slider.
Select Icon alignment option to change the alignment of the icon, left or center.
Adjust the Icon size using the slider.
Slide Items per row option to change the number of elements you want to show per row, 2,3, or 4 items per row.

Click on a Feature block to open the block settings.
- Click + Add Feature to create a new column with text.
- Click Remove block or the eye icon to delete or hide a block.
Select the Select an icon option to choose an icon from our default icons list, if you don't want an icon you can select the option none in the list and this will hide the icon.
(Optional) Click Select image on the Image option and use the file selector to select an image from your library or upload a new icon file. Use this option only in case that you want to show a custom icon instead of the one selected from our default list. We recommend use a PGN format with 140px width, use the Modal background color as a color of the icon, you can find this color on Theme Settings > Colors.
Add Heading text to add the title of the column this title will appear next to the icon.
Add Text option to add a description to provide further information, this text will display below the title.
(Optional) Select or paste a URL for the Link option, this will enable click the block.
Click Save.

Note: New sections will appear on all pages that use the same template.