Activate Custom Cursor

Custom Cursor Setting in AppSections Brand Style

The "Activate Custom Cursor" setting in AppSections Brand Style allows you to customize the cursor experience for visitors across your store. This setting provides the option to either maintain the standard system cursor or replace it with a custom cursor, defined by your brand's style.

Purpose:

This setting enables you to decide whether a custom cursor will be used throughout your Shopify store, offering a unique and personalized browsing experience that can align with your brand’s identity.

Usage:

• When unchecked: The default system cursor will be displayed.

• When checked: The custom cursor set by the "Icon Custom Cursor" parameter will replace the default cursor.

Parameters:

• Activate Custom Cursor (Checkbox):

  • Unchecked (Default): Your store will display the default system cursor.

  • Checked: Activates a custom cursor defined by the "Icon Custom Cursor" parameter.

• Icon Custom Cursor (Parameter):

  • Allows you to choose the specific icon to display as the cursor when hovering over your store.

• Icon Custom Cursor on Click (Parameter):

  • Allows you to define a separate icon that appears when users click on interactive elements.

Steps to Adjust the Activate Custom Cursor Setting:

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Activate Custom Cursor Setting:

   • Find the "Activate Custom Cursor" checkbox within the Brand Style settings.

3. Enable or Disable the Custom Cursor:

   • Check the box to activate the custom cursor.

   • Uncheck the box to revert to the default system cursor.

4. Set the Custom Cursor Icon:

   • Use the "Icon Custom Cursor" parameter to select the icon you want for the cursor.

   • Optionally, use the "Icon Custom Cursor on Click" parameter to define a different icon when users click.

5. Preview and Test:

   • After setting the custom cursor, preview your store to ensure the cursor works as intended.

   • Verify that the custom cursor is visually appealing and functional across different devices and screens.

Ensuring the Right Cursor Style:

• Test User Interaction: Preview your store and interact with various clickable elements to observe how the custom cursor behaves.

• Check Device Compatibility: Test on different devices (desktop, tablet, mobile) to ensure that the custom cursor displays correctly and enhances the user experience.

Summary:

The "Activate Custom Cursor" setting in AppSections allows you to personalize the browsing experience by replacing the default cursor with a custom icon. This can add a unique touch to your site, providing a cohesive and engaging experience for users, especially when paired with the "Icon Custom Cursor on Click" feature for interactive elements.