ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.

Nicht alle Shopify Themes verwenden Standardpreisauswahl. Einige Themes zeigen Preise mit benutzerdefinierten HTML-Strukturen an, die verhindern können, dass die automatische Währungsumrechnung korrekt funktioniert.

Das ist, wo Custom Pricing Selectors Kommen Sie herein.

Durch Hinzufügen des richtigen Preiswählers können Sie sagen Hoppy Currency Converter Genau dort, wo sich die Preise auf Ihrer Storefront befinden, damit sie ordnungsgemäß über Produktseiten, Kollektionen, Warenkorbschubladen und andere benutzerdefinierte Abschnitte konvertiert werden können. 💱

⚠️ Bevor Sie beginnen

Vor dem Einrichten eines Custom Pricing Selectors:

• Stellen Sie sicher, dass der Preis auf Ihrer Storefront sichtbar ist
• Stellen Sie sicher, dass Sie Seitenelemente mit Ihrem Browser überprüfen können
• Identifizieren Sie den spezifischen Preis, der nicht korrekt konvertiert wird

Wenn Sie sich nicht sicher sind, welchen Selektor Sie verwenden möchten, kann Ihnen unser Support-Team helfen, ihn für Sie zu identifizieren.

🛠️ Schritt 1 — Offen Hoppy Currency Converter

Offen Hoppy Currency Converter App von Deiner Shopify Admin.

⚙️ Schritt 2 — Erweiterte Einstellungen öffnen

Aus dem linken Navigationsmenü:

→ Klicken Fortgeschritten

Dieser Abschnitt enthält zusätzliche Einstellungen für Theme-Kompatibilität und erweiterte Storefront-Konfigurationen.

🎯 Schritt 3 — Suchen Sie nach Custom Price Selectors

Innerhalb des Advanced-Bereichs:

→ Finden Sie die Custom Price Selectors Feld

Hier fügen Sie den Selektor hinzu, der zur Identifizierung von Preiselementen in Ihrer Storefront verwendet wird.

🌐 Schritt 4 - Öffnen Sie die Storefront-Seite

Navigieren Sie zu der Seite, auf der der Preis erscheint.

Beispiele hierfür sind:

• Produktseiten
• Sammlungsseiten
• Ausgewählte Produktabschnitte
• Warenkorbschubladen
• Warenkorbseiten

Öffnen Sie die genaue Seite, auf der die Preise nicht korrekt konvertiert werden.

🔍 Schritt 5 — Überprüfen Sie das Preiselement

Finden Sie den Preis auf Ihrer Storefront.

Dann:

→ Rechtsklick auf den Preis

→ auswählen Inspektion

Dadurch werden die Entwicklertools Ihres Browsers geöffnet und das HTML-Element hervorgehoben, das für die Anzeige dieses Preises verantwortlich ist.

📋 Schritt 6 — Identifizieren Sie den richtigen Selektor

Suchen Sie nach entweder a:

Klassenwähler

Beispiel:

class="price-item"

Verwendung:

Preisposition

ID-Auswahl

Beispiel:

id="Produktpreis"

Verwendung:

#Produktpreis

⚠️ Wichtig:

• Klassenwähler müssen mit einem Punkt (.)
• ID-Selektoren müssen mit einem Hash (#)

Die Verwendung des falschen Formats kann verhindern, dass der Konverter die Preise korrekt erkennt.

➕ Schritt 7 - Fügen Sie den Selector hinzu

Zurück zu:

→ Erweiterte → Custom Price Selectors

Fügen Sie Ihren Selektor in das Feld ein.

Mehrfachwähler

Wenn Preise an mehreren Orten erscheinen, können Sie mehr als einen Selektor hinzufügen.

Trennen Sie jeden Selektor mit einem Komma.

Beispiel

.product price, .price-item .money, #product-price

Dies ermöglicht es der App, Preise über mehrere Storefront-Abschnitte hinweg zu erkennen.

💾 Schritt 8 - Speichern Sie Ihre Änderungen

Sobald der Selektor hinzugefügt wurde:

→ Klicken Sparen

Der Currency Converter beginnt nun mit der Überwachung der angegebenen Preiselemente.

🧪 Schritt 9 - Testen Sie die Umwandlung

Nach dem Speichern:

Erfrischen Sie Ihre Storefront

Für beste Ergebnisse:

• Verwenden Sie ein Incognito / Private Browser-Fenster
• Browser-Cache löschen, wenn nötig
• Wechseln Sie zwischen Währungen und überprüfen Sie, ob die Preise korrekt aktualisiert werden

Überprüfen Sie alle Storefront-Bereiche, in denen der Selektor hinzugefügt wurde.

🆘 Benötigen Sie Hilfe bei der Suche nach dem richtigen Selektor?

Einige Shopify Themes verwenden stark angepasste Strukturen, die die Identifizierung von Selektoren erschweren.

Wenn Sie unsicher sind, welcher Selektor verwendet werden soll:

→ Kontaktieren Sie unser Support-Team

Dazu gehören:

• Store URL
• Seiten-URL, bei der das Problem auftritt
• Screenshot des Preisabschnitts

Wir helfen Ihnen gerne dabei, den richtigen Selektor für Ihr Theme zu finden. 🤝

🎉 Endergebnis

Einmal erfolgreich konfiguriert:

✅ Preise konvertieren korrekt über Ihre Storefront

✅ Benutzerdefinierte Themenpreiselemente werden nachweisbar

✅ Produkt-, Sammel- und Warenkorbpreise bleiben synchronisiert

✅ Währungsumrechnung wird genauer und zuverlässiger

✅ Kunden sehen einheitliche Preise in allen unterstützten Währungen 💱

Aktualisiert am: 10/09/2026