ℹ️ Note: Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam.

De Geavanceerde tab geeft u een diepere controle over hoe de Currency Converter zich gedraagt over uw storefront.

Deze instellingen zijn ontworpen voor handelaren die meer controle over prijsweergave, thema compatibiliteit, aangepaste styling en widget plaatsing willen.

Of u nu afrondingsregels aanpast, prijsdetectieproblemen vaststelt of de converter handmatig plaatst, het tabblad Geavanceerd biedt de tools die nodig zijn om de ervaring te verfijnen.

⚠️ Voordat u begint

Om toegang te krijgen tot geavanceerde instellingen:

→ Openen Hoppy Currency Converter

→ Voltooi het onboarding proces

→ Open de Geavanceerd tabblad van het linker navigatiemenu

💡 Sommige instellingen in deze sectie zijn bedoeld voor geavanceerde gebruikers of ontwikkelaars. Als je niet zeker bent van een instelling, is het prima om het op zijn standaardwaarde te laten staan.

💰 Geavanceerde prijsronde

Prijsafronding bepaalt hoe geconverteerde prijzen worden weergegeven op uw storefront.

Wisselkoersen genereren vaak ongelijke waarden, en afronding helpt schonere, consistente prijzen te creëren.

🔢 Ronde tot Decimaal

• Wat het doet: Rondes omgerekende prijzen tot een specifieke decimale waarde.
• Aanvullende instelling: Afronding Decimaal (0
• Voorbeeld: 23,47 € → 22,99 €

💡 Ideaal voor winkels die liever prijspatronen zoals .99 of .95.

✂️ Decimaal verwijderen

• Wat het doet: Verwijdert de decimalen volledig.
• Voorbeeld: 23,47 € → 23 €

Dit zorgt voor een schoner uiterlijk en werkt goed voor valuta's waar decimalen zelden worden gebruikt.

9

• Wat het doet: Geldt voor psychologische prijsstellingsregels.
• Gedrag:
• • Decimaal lager dan 5 → rondes tot 0
  • Decimaal 5 of hoger → rondes tot 9

Voorbeelden

• $9,49 → $9,00
• $9,50 → $9,90
• 12,34 → 12,00 dollar
• $12,56 → $12,90

🎯 Geen

• Wat het doet: Geeft de exacte omgerekende wisselkoerswaarde weer.
• Voorbeeld: 23,47 € → 23,47 €

Dit is het standaardgedrag.

🛠️ Expertinstellingen

Deze instellingen bieden extra technische controles voor geavanceerde aanpassing en storefront compatibiliteit.

🎨 Aangepaste CSS

• Wat het doet: Hiermee kunt u aangepaste styling toepassen op de Currency Converter widget.
• Use Case: Pas de widget perfect aan met uw storefront branding.

Beschikbare CSS-klassen

• .futureblink-currency-desktop
• .futureblink-currency-mobile

⚠️ Onjuiste CSS kan het uiterlijk of de zichtbaarheid van de widget beïnvloeden.

💡 Als stijlen niet worden toegepast, probeer het toevoegen !important bij elke verklaring.

🔍 Aangepaste prijsselecties

• Wat het doet: Hiermee kan de converter prijzen detecteren met behulp van aangepaste thema-selectoren.
• Formaat: Door komma's gescheiden selectoren.

Voorbeeld

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

Wanneer te gebruiken

• Prijzen worden niet omgezet op bepaalde pagina's
• Uw thema maakt gebruik van aangepaste prijsklassen
• U gebruikt een paginabouwer met aangepaste markup

💡 U kunt selectoren identificeren met behulp van de Inspect tool van uw browser.

📐 z-Index (desktop & mobiel)

• Wat het doet: Bepaalt hoe de Currency Converter stapelt ten opzichte van andere drijvende elementen.

Beschikbare instellingen

• z-Index (bureaublad)
• z-Index (Mobile)

Standaardwaarde

• 2000

Wanneer moet ik aanpassen

• Sticky headers overlappen de converter
• Chat-widgets dekken de converter
• Andere drijvende elementen verschijnen erboven

💡 Hogere getallen verschijnen boven lagere getallen.

📍 Geavanceerde aangepaste positieplaatsing

Als de standaard plaatsingsopties niet passen bij uw storefront lay-out, kunt u handmatig de Currency Converter of Cart Banner met behulp van HTML-knippets plaatsen.

💱 Valuta Converter Box Plaatsing

• Wat het doet: Plaatst de Currency Converter op een aangepaste locatie.

Code Snippet

Gemeenschappelijk gebruik

• Aangepaste berichtkoppen
• Zijbalken
• Paginabuildersecties
• Aangepaste storefront layouts

🛒 Winkelwagen Banner Plaatsing

• Wat het doet: Plaatst de kar notificatiebanner op een aangepaste locatie.

Code Snippet

Gemeenschappelijk gebruik

• Boven afrekenknoppen
• Binnen aangepaste winkelwagen laden
• Alternatieve cart pagina locaties

⚠️ Deze knipsels vereisen bewerking Shopify themabestanden.

📝 Referentie geldopmaak

Het tabblad Geavanceerd toont ook de geconfigureerde geldformaten van uw winkel.

Deze waarden worden weergegeven als alleen-lezen referenties en kunnen worden gekopieerd wanneer dat nodig is.

Beschikbare formaten

HTML met valuta

• Gebruikt wanneer valuta namen of codes worden weergegeven naast prijzen.

HTML zonder valuta

• Gebruikt wanneer alleen prijswaarden worden weergegeven.

💡 Als de prijzen stoppen onverwacht te converteren, controleer dan dat uw Shopify Geldformaten komen nog steeds overeen met deze waarden.

⚠️ Belangrijke opmerkingen

Prijsafronding alleen Wijzigingen Weergave

Afronding beïnvloedt alleen storefront uiterlijk.

Werkelijke checkout prijzen blijven gebruiken Shopifyde valuta- en wisselkoersberekeningen.

Aangepaste CSS kan de zichtbaarheid beïnvloeden

Onjuiste stylingregels kunnen het widget verbergen of breken.

Als er problemen optreden, verwijder de aangepaste CSS en sla opnieuw.

Aangepaste prijsselecties werken naast standaardinstellingen

Aangepaste selectoren worden toegevoegd naast de standaard selectoren.

U hoeft geen standaardselectoren opnieuw in te voeren tenzij u ze opzettelijk vervangt.

Aangepaste plaatsing vereist themabewerking

Maak altijd een back-up of duplicaat van uw thema voordat het wijzigen van vloeibare bestanden.

💡 Gemeenschappelijk gebruik

Psychologische prijzen

• Instelling: ronde tot decimaal
• Waarde: 0,99
• Resultaat: 23,47 € → 22,99 €

Geheel aantal prijzen

• Instellingen: Decimaal verwijderen
• Resultaat: $1.245.60 → $1,246

Widget-overlappen problemen

• Instellingen: z-Index = 4000
• Resultaat: Converter verschijnt boven andere drijvende elementen

Aangepaste thema prijs detectie

• Instellingen: Aangepaste prijskiezer
• Waarde: .custom-product-price
• Resultaat: Converter detecteert en converteert aangepaste themaprijzen

🚀 Eindresultaat

Eenmaal succesvol geconfigureerd:

✅ Prijzen weergeven in schonere formaten

✅ Aangepaste thema's en pagina bouwers worden compatibel

✅ Converter styling komt overeen met uw storefront branding

✅ Laagproblemen kunnen worden opgelost met behulp van z-Index controles

✅ Widgets kunnen overal handmatig in het thema worden geplaatst

✅ Verwijzingen naar geldformaat blijven gemakkelijk toegankelijk

Met behulp van geavanceerde instellingen effectief geeft handelaren meer flexibiliteit en controle over hoe de Currency Converter integreert met hun storefront.

Bijgewerkt op: 10/09/2026