Icon cards

Last Updated onJuly 30, 2023

Icon cards section allows you to display cards with icon, text & button. It helps to display information in an interesting & structured way.

To add the icon cards,

  1. Go to Online Store > Themes and click Customize in your Shopify admin
  2. Then click Add section under Templates area. Now you can choose Icon cards from the list.

You can find the following settings inside the Icon cards,

General settingsDescription
HeadingIt will display text for the icon cards
Heading tagSet the tag your preferred, it may be heading, paragraph or special tag
DescriptionIt will display additional text for the icon cards
Description tagSet the tag your preferred, it may be heading, paragraph or special tag
Maximum widthIt allows to set the width of this section
Number of columnsSet the cards per row

Card

Icon cards can have multiple Icon card. Each block consists of a separate icon, text & button.

You can find the following settings inside the each Icon card block,

General settingsDescription
IconEnter your icon name to display
Icon widthSet the width of the icon
HeadingIt will display text for the card
Heading tagSet the tag your preferred, it may be heading, paragraph or special tag
Heading width
DescriptionIt will display additional text for the card
Description tagSet the tag your preferred, it may be heading, paragraph or special tag
Description width
Button labelIt will display the button to card
Button URLSet the url for the button
Button targetSet the url for the target.