Appearance
Cursor ​
This guide describes the Theme editor's Theme settings > Cursor menu options.
Use the menu options to set up a custom cursor for your store.
The previous video shows a store's home page. In the upper right, part of the Theme editor's Theme settings > Cursor menu is displayed. Inside the menu's Custom cursor picker, an uploaded image is selected. The selected image depicts one of the store's Serum products. This option specifies an image to use as the store's custom cursor. In the upper left, the image is applied as the store's custom cursor. As the custom cursor moves across the header menu, it indicates the user's input location on screen.
For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.
Configure Cursor ​
To configure your Cursor settings:
In the Theme editor, go to Theme settings > Cursor.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Custom cursor | Use the Custom cursor picker to select an image for your store's custom cursor. Your selected image will be scaled down to 32 x 32 pixels. |
| Enable as default cursor | Use the Enable as default cursor options to turn on or off the use of your store's custom cursor as the default cursor. |
| Enable for links | Use the Enable for links option to turn on or off displaying your store's custom cursor when the user places the cursor over a hyperlink on a store page. |
| Cursor hotspot > X position | Adjust the X position slider between 0 and 32 px (pixels). Your specified X coordinates indicate the horizontal position for the cursor's hotspot. The cursor hotspot refers to the specific area inside the cursor that interacts with elements on the screen. |
| Cursor hotspot > Y position | Adjust the Y position slider between 0 and 32 px (pixels). Your specified Y coordinates indicate the vertical position for the cursor's hotspot. The cursor hotspot refers to the specific area inside the cursor that interacts with elements on the screen. |
Note
To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in the Theme editor.
To learn how to connect a metafield to a supported setting, refer to Shopify help: Connecting metafields to your theme by using the Theme editor.