Icon with text

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Choose Products from the dropdown window -> Choose Default product.

4. From the side menu, select Product information. Click + Add block and select "Icon with text" block, or click the Search bar to enter a search term.

Setting	Description
Layout	Select the layout style for the section: Horizontal Vertical

Content

Choose an icon or add an image for each column or row.

Setting	Description
First icon	Select the icon from the dropdown menu.
First image	Upload an image. (You can also use Metafields to change the icon.)
First heading	Add text to display as a heading (Leave the heading label blank to hide the icon column, You can also use Metafields to replace the text.)
Second icon	Select the icon from the dropdown menu.
Second image	Upload an image. (You can also use Metafields to change the icon.)
Second heading	Add text to display as a heading (Leave the heading label blank to hide the icon column, You can also use Metafields to replace the text.)
Third icon	Select the icon from the dropdown menu.
Third image	Upload an image. (You can also use Metafields to change the icon.)
Third heading	Add text to display as a heading (Leave the heading label blank to hide the icon column, You can also use Metafields to replace the text.)

Block padding

Setting	Description
Top padding	Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Using Product Icon and Product Text Custom For Product By Following as Metafield.

How to insert content for Product Metafields?

To get the image URL, please upload the image in Content -> Files. Then copy the link. You can refer to this link. You can use Bulk Editor to edit multiple products.

1. From your Shopify admin, go to Products -> All products.

2. Find and choose the product that you want to edit.

3. In the Metafields, please insert the images you want to display in the 'product icon 1, 2 and 3' and 'product text custom 1, 2 and 3' field.

Product Icon 1, 2 and 3

Product Text Custom 1, 2 and 3