Hyper Theme
Hyper Theme
Theme Sections

Multicolumn with icon

2 min read
image

You can utilize a multicolumn section to showcase your store's services and other details.

How to add a Multicolumn with icon section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section
  2. Locate Multicolumn with icon section
  3. Make necessary changes
  4. Save.

How to edit a Multicolumn with icon section

Section settings

Section header

Customize the text and alignment to ensure the section effectively communicates your message and encourages engagement.

  • Layout: Choose the layout for desktop view (Vertical/Standing column)
image
image

Card settings

Select how the cards show:

  • Content alignment:
image
image
image
  • Image position:
image
image
  • Icon color:
image

Grid settings

Set the number of columns on desktop (between 2-6 columns) and the gap between them.

You can also enable divider between columns.

image

Mobile layout

Enable swipe on mobile or display as grid.

image
image

Block settings

You can add multiple columns to the section.

Once added, you can configure individual columns as follows:

  • Choose an appropriate icon from the available options or upload an image.
  • Maximum width: Set maximum with of the icon/image for mobile and desktop view separately.
  • Card content
image
Last updated