> For the complete documentation index, see [llms.txt](https://docs.appsections.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appsections.com/settings/extra-style/styles/custom-cursor/activate-custom-cursor.md).

# 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.appsections.com/settings/extra-style/styles/custom-cursor/activate-custom-cursor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.