Cursor-Einstellungen

Für Plain Jane und Plain Jane Interactive

Was Sie lernen werden

  • Wie man einen benutzerdefinierten Cursor hochlädt und anwendet

  • Empfohlene Abmessungen und Dateiformate

  • Beste Praktiken für das Design von Cursorn, die die Benutzerfreundlichkeit verbessern


🎨 Zugriff auf die Cursor-Einstellungen

Um einen benutzerdefinierten Cursor hochzuladen:

  1. Gehen Sie zu Shopify-Admin > Onlineshop > Themes

  2. Finde dein Plain Jane Theme und klicke Passen Sie

  3. Klicke im Theme-Editor auf das Theme-Einstellungen Symbol (Pinsel)

  4. Scrolle nach unten und wähle Cursor-Einstellungen

![Platzhalter für Screenshot - Cursor-Einstellungsfenster]


📁 Einen benutzerdefinierten Cursor hochladen

  1. Klicken Sie Bild hochladen unter Cursor-Einstellungen

  2. Wähle das Bild, das du als Cursor verwenden möchtest

  3. Die Vorschau wird sofort aktualisiert, sodass du es live sehen kannst

💡 Du wirst weiterhin den Standardzeiger (Handsymbol) sehen, wenn du über anklickbare Elemente wie Buttons oder Links fährst.


📐 Empfohlene Bilddetails

Wähle ein Bild, das Sichtbarkeit und Präzision ausbalanciert:

  • Format: .PNG mit transparentem Hintergrund

  • Größe: 24×24 bis 32×32 Pixel ist typisch

  • Klick-Hotspot: Der Klick des Cursors registriert sich von der oberen linken Ecke des Bildes

⚠️ Große Cursor können aufdringlich wirken und die Klickgenauigkeit beeinträchtigen.


🎯 Design-Tipps

Beim Entwerfen deines Cursor-Bildes:

  • Halte Symbole einfach und mit hohem Kontrast

  • Füge einen visuellen Zeiger in die oberen linken Ecke für Genauigkeit ein

  • Vermeide zentrierte Designs, es sei denn, du verschiebst absichtlich die Klickzone

💡 Tools wie Photoshop oder Figma sind hilfreich, um Klickindikatoren zu deinem Bild hinzuzufügen.


🧪 Testen deines Cursors

  1. Klicken Sie Speichern im Theme-Editor

  2. Öffne deinen Live-Store in einem neuen Tab

  3. Fahre über deine Website:

    • Die benutzerdefinierter Cursor wird in den meisten Bereichen erscheinen

    • Die Standardezeiger wird auf anklickbaren Elementen weiterhin angezeigt


Brauchen Sie Hilfe?

Zuletzt aktualisiert