Hi there 👋🏻,
Pricing selector Setup is important to ensure that prices convert properly.
What is a pricing selector in Hoppy Currency Converter?
A pricing selector tells the app where the product prices are located in your theme so it can convert them correctly.
Follow the steps ahead, if you still need help - do not hesitate to message us.
✅ Step-by-Step Instructions
1️⃣ Open the Hoppy Currency Converter app: From your Shopify admin, open the Hoppy Currency Converter.
2️⃣ In the left side panel, you'll find additional options under the 'Hoppy Currency Converter' heading: 'Advanced'.
3️⃣ Locate the Custom price selectors input.
4️⃣ Open the storefront page where the price appears (product page, collection, cart preview, etc.).
5️⃣ Inspect the price element
Right-click the price on the storefront and choose Inspect.
In the Elements panel, find the HTML element that contains the price. Look for a
class="..."orid="..."that clearly corresponds to the price.
6️⃣ Copy the selector
If the element has a class like
price-item, use.price-item(note the leading dot).If the element has an id like
product-price, use#product-price.
7️⃣ Add selector(s) to Hoppy Currency Convertor
Paste the selector into Custom price selectors in the Advanced settings.
To target multiple places, add multiple selectors separated by commas. Example:
.product__price, .price-item .money, #product-price
8️⃣ Save and test
Save the Advanced settings in the Hoppy Currency Converter app.
Refresh your storefront (clear cache or use incognito) and verify that prices are being converted.
9️⃣ (Optional) Get Help
Feel free to message our support team if you need any help with adding pricing selector.