Icons with text

The section is managed through:

Customize Theme → Sections → Template/ Footer → Icons with text

Introduction:

Icons paired with text provide a visually engaging method to convey information, guide users, and enhance the overall user experience on a Shopify store. Whether highlighting key features, navigation options, or calls-to-action, the combination of icons and text helps communicate messages quickly and effectively. In this section, we'll explore the various settings and customization options available for managing icons with text elements on a Shopify store, empowering merchants to create intuitive interfaces that captivate visitors and drive engagement.

Settings Overview:

The Settings Overview provides a comprehensive look at all the customization options available within the 'Icons with text' section, allowing the merchant to effectively manage and optimize these elements to improve user experience and achieve the business goals.

• Color scheme: With that setting, the user can choose the color scheme of the section. For more information on setting up the color schemes, refer to Theme settings → Colors → Schemes.

• Make section full width: Allows the user to use the full width of the screen (small gaps are left at both ends that cannot be absorbed).

Add Block:

Gives the user control over the settings of every block added separately. Up to 4 blocks.

• Icon svg code: Here the SVG code of the image could be directly put in.

• Heading: Enter a heading for the block.

• Body text: Enter a body text for the block.

• Image*: Select an image for the block.

• *Note: If any image hasn't been selected in any block, then the section would look like a default. If even one of the blocks has a selected image, the visualization would be as in the snip below. The texts of the non-active will appear lighter.