Featured icons
Using the featured icons section can significantly enhance your websites user experience and overall effectiveness. Featured icons are small, visually engaging graphics that represent specific actions, features, or information. Here are some reasons why incorporating featured icons on your website will be beneficial:
Enhanced User Experience: Well-designed icons can improve the user experience by making your website more intuitive and user-friendly.
Attention Grabbers: Featured icons can act as visual cues, drawing attention to specific sections, calls-to-action, or important information. They create focal points that guide users to essential elements on the page.
Space Optimization: Icons help optimize space on a website, especially in areas with limited real estate, such as navigation menus or mobile interfaces. By using icons, you can convey information effectively while saving valuable screen space.
Branding and Consistency: Custom-designed icons can be tailored to match your website's overall branding and design aesthetics. Consistent use of icons throughout the site reinforces brand identity and gives a polished, professional appearance.
Aesthetic Appeal: Icons can contribute to the overall aesthetics and design coherence of your website. They add an element of style and creativity to the visual composition, making the site more attractive to users.
Remember that while featured icons offer numerous benefits, their design and implementation should be well-considered. Choose icons that align with your website's purpose, ensure they are intuitive, and avoid cluttering the interface with an excessive number of icons. When used thoughtfully, featured icons can enhance the overall usability and appeal of your website.
Getting Started
Go to
Online store
→Theme
→Customise
By default, you will not see this section pre-loaded
Scroll to the bottom of the panel and
Add section
How do i customise the Featured icons?
Section settings
By clicking on the name of the section Featured icons
you get access to change the following;
Section layout - by default, the section layout is set to a row of 4. This option sets the width of columns for this section and can be adjusted between a row of 2, 3 or 4.
Block settings
Now we will work on setting up icons, which are blocks within the section. Here are the changes that we can make.
Upload an image - this is optional, but to maximize the use of this section we recomend adding a png image that has a max width and height of 100px
Change the
Heading
andCaption
text
Last updated