Icon

Icon Presets Settings in AppSections Brand Style

The Icon Presets settings in AppSections Brand Style allow you to choose from predefined styles for various types of icons. These icons can be customized for specific purposes such as navigation, play/pause buttons, sound controls, star ratings, and links, providing you with flexibility in the appearance and functionality of these key elements in your store.

Purpose:

The Icon Presets settings provide an easy way to select predefined styles for commonly used icons, helping to maintain a consistent look and feel throughout your store. This feature streamlines the design process by offering prebuilt styles that fit different functions.

Available Icon Presets:

1. Icon Navigation Presets:

   • Choose from different styles for navigation icons. These icons are typically used for menus, arrows, or navigation buttons throughout your store.

   • Available options: Style 1, Style 2, Style 3, etc.

2. Icon Play/Pause Presets:

   • Select a preset style for play and pause icons, commonly used in video or audio elements on your store.

   • Available options: Style 1, Style 2, Style 3, etc.

3. Icon Sound On/Off Presets:

   • Choose a style for sound control icons, which are used to toggle audio on or off in interactive media.

   • Available options: Style 1, Style 2, Style 3, etc.

4. Icon Star Presets:

   • Choose from various star icon styles, typically used for ratings or feedback elements on your store.

   • Available options: Style 1, Style 2, Style 3, etc.

5. Icon Link Presets:

   • Select a preset style for link icons, which are often used as visual cues to clickable links or external resources.

   • Available options: Style 1, Style 2, Style 3, etc.

Steps to Select Icon Presets:

1. Select the Icon Preset Type:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings, and find the section for Icon Presets.

2. Choose a Category:

   • Select the icon category you wish to modify, such as "Navigation", "Play/Pause", "Sound On/Off", "Star", or "Link".

3. Choose an Icon Style:

   • From the dropdown menu, select one of the available preset styles (e.g., Style 1, Style 2, etc.).

4. Preview Changes:

   • After selecting a preset, preview your store to see how the new icon style looks and functions.

Ensuring Consistency:

• Preview Changes: After selecting an icon style, preview your store to ensure the icons are visually consistent with your brand and functional in all areas where they appear.

• Check Across Devices: Test the icon appearance and usability on different devices, including desktops, tablets, and mobile phones, to ensure a seamless experience for your customers.

Summary:

The Icon Presets settings in AppSections allow you to easily customize the style of various icons used throughout your store by selecting from predefined options. This feature simplifies the design process while ensuring consistency and alignment with your brand’s aesthetic.

If you have any questions or need further assistance, please contact our customer support team.