π― Hoe u aangepaste prijskiezer instellen
βΉοΈ 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.
Niet allemaal Shopify Thema's gebruiken standaard prijskiezers. Sommige thema's weergeven prijzen met behulp van aangepaste HTML-structuren, die kunnen voorkomen dat automatische valuta conversie correct werkt.
Dat is waar Aangepaste prijsselecties Kom binnen.
Door het toevoegen van de juiste prijs selector, kunt u Hoppy Currency Converter precies waar de prijzen zijn gelegen op uw storefront, zodat ze kunnen worden omgezet op de juiste manier over productpagina's, collecties, cart lades, en andere aangepaste secties. π±
β οΈ Voordat u begint
Voor het instellen van een aangepaste prijskiezer:
- Zorg ervoor dat de prijs zichtbaar is op uw storefront
- Zorg ervoor dat u pagina-elementen kunt inspecteren met uw browser
- Identificeer de specifieke prijs die niet correct wordt omgezet
Als u niet zeker weet welke selector u moet gebruiken, kan ons ondersteuningsteam u helpen het te identificeren.
π οΈ Stap 1 Openen Hoppy Currency Converter
Open de Hoppy Currency Converter app van uw Shopify Admin.
βοΈ Stap 2 Open geavanceerde instellingen
Uit het linker navigatiemenu:
β Klik Geavanceerd
Deze sectie bevat extra instellingen voor themacompatibiliteit en geavanceerde storefront configuraties.
π― Stap 3
Binnen de Geavanceerde sectie:
β Zoek de Aangepaste prijsselecties veld
Hier voeg je de selector toe die gebruikt wordt om prijselementen te identificeren op je storefront.
π Stap 4 Open de storefront pagina
Ga naar de pagina waar de prijs verschijnt.
Bijvoorbeeld:
- Productpagina's
- Verzamelingspagina's
- Aanbevolen productsecties
- Winkelwagen laden
- Winkelwagen pagina's
Open de exacte pagina waar de prijzen niet correct worden omgezet.
π Stap 5 Inspecteer het prijselement
Zoek de prijs op uw winkel.
Dan:
β Met de rechtermuisknop op de prijs
β selecteren Controleren
Dit opent uw browser Developer Tools en benadrukt het HTML-element dat verantwoordelijk is voor het weergeven van die prijs.
π Stap 6 Identificeer de juiste selectie
Zoek naar een:
Klasseselectie
Voorbeeld:
klasse="prijs-item"
Gebruik:
.prijspost
ID-selectie
Voorbeeld:
id="product-prijs"
Gebruik:
#productprijs
β οΈ Belangrijk:
- Klassekiezers moeten beginnen met een punt (.)
- ID-selectoren moeten beginnen met een hash (#)
Het gebruik van het verkeerde formaat kan voorkomen dat de converter prijzen correct detecteren.
β Stap 7
Terug naar:
β Geavanceerde β Aangepaste prijsselecties
Plak je selector in het veld.
Meerdere selecties
Als de prijzen op meerdere locaties verschijnen, kunt u meerdere selectoren toevoegen.
Scheid elke selectie met een komma.
Voorbeeld
.product prijs, .prijs-post .geld, #product-prijs
Hierdoor kan de app prijzen detecteren in meerdere storefront secties.
πΎ Stap 8: Uw wijzigingen opslaan
Zodra de selectie is toegevoegd:
β Klik Opslaan
De Currency Converter zal nu beginnen met het monitoren van de opgegeven prijselementen.
π§ͺ Stap 9 Test de conversie
Na het opslaan:
β Vernieuw uw storefront
Voor de beste resultaten:
- Gebruik een Incognito / PrivΓ© browservenster
- Browsercache wissen indien nodig
- Wisselen tussen valuta's en controleren of de prijzen correct worden bijgewerkt
Controleer alle opslagruimtes waar de selectie is toegevoegd.
π Hulp nodig bij het vinden van de juiste selectie?
Sommige Shopify Thema's gebruiken zwaar aangepaste structuren die selecties moeilijker te identificeren maken.
Als u niet zeker weet welke selectie gebruikt moet worden:
β Neem contact op met ons supportteam
Voeg toe:
- URL opslaan
- Pagina-URL waar het probleem zich voordoet
- Schermafbeelding van de prijssectie
We helpen u graag bij het identificeren van de juiste keuze voor uw thema. π€
π Eindresultaat
Eenmaal succesvol geconfigureerd:
β Prijzen correct converteren over uw storefront
β Aangepast thema prijs elementen worden detecteerbaar
β Product, collectie en kar prijzen blijven gesynchroniseerd
β Valutaomzetting wordt nauwkeuriger en betrouwbaarder
β Klanten zien consistente prijzen in alle ondersteunde valuta's π±
Bijgewerkt op: 10/09/2026
Dankuwel!