Icon Custom Cursor

How to Add a Custom Icon for the Custom Cursor in AppSections Brand Style

The "Icon Custom Cursor" setting in AppSections Brand Style allows you to add a custom cursor icon by providing an SVG path. This setting gives you the flexibility to personalize the look of your store by replacing the default cursor with a unique, brand-aligned icon.

Purpose:

This setting allows you to replace the default system cursor with a custom icon using an SVG path.

Usage:

Copy the SVG path from your preferred icon library and paste it into the "Icon Custom Cursor" setting. The custom cursor will appear on your store wherever the cursor is active.

Recommended Icon Libraries:

For high-quality SVG icons, we recommend the following icon libraries:

• Font Awesome

• Bootstrap Icons

• Remix

• Phosphor

• Boxicons

• Iconoir

Steps to Add a Custom Icon for the Cursor:

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings where you want to modify the cursor.

2. Locate the Icon Custom Cursor Setting:

   • Find the "Icon Custom Cursor" option within the Brand Style settings.

3. Choose an Icon from a Library:

   • Visit one of the recommended icon libraries.

   • Select an icon that suits your design and functionality preferences.

   • Copy the SVG path of the selected icon.

4. Add the Custom Icon:

   • Paste the copied SVG path into the "Icon Custom Cursor" setting.

Ensuring the Right Custom Icon:

• Preview Changes: After adding the custom cursor icon, preview your store to see how the changes appear. Ensure the custom cursor is displayed correctly.

• Check Consistency: Verify that the custom cursor fits with your brand’s aesthetic and provides a cohesive look across various sections of your store.

• Test Across Devices: Ensure the custom cursor works well on different screen sizes and devices (desktop, mobile, tablet) without any loss of functionality or visual appeal.

Summary:

By using the "Icon Custom Cursor" setting in the Brand Style, you can customize the appearance of your store’s cursor with unique icons using SVG paths. This feature enhances the interactivity and visual distinctiveness of your store, providing a more dynamic and engaging user experience across all devices.

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