Skip to main content

How to customize the appearance settings in the currency converter?

Learn how to change the look and style of your currency converter.

Rashmi Verma avatar
Written by Rashmi Verma
Updated this week

✅ Step 1: Open the Hoppy Currency Converter app

1️⃣ From your Shopify admin, open the Hoppy Currency Converter.

2️⃣Locate 'Hoppy Currency Converter' in the left-side panel, and click on 'Settings'.

✅ Step 2: Navigate to the Design Tab

3️⃣ Click on the 🎨 Design tab to start customizing how your currency converter looks.

In the Flag Customization section🚩:

  • Choose a flag style from the dropdown:

    • Round🟠

    • Circle🟢

    • Flat🔵

Select Customization Style 🧩

  • Choose your converter’s overall look:

    • Default 🧱

    • Modern Layer 🧊

Display Modes 📺

  • Decide how the currency converter should appear:

    • Show Flag & Currency✅

    • Show Flag Only🚩

    • Show Currency Only💲

Theme Options 🌓

  • Toggle Dark Mode ON or OFF🌙

  • Enable/disable Display Only Currency Codes🎭

✅ Step 3: Choose your style preferences:

4️⃣ Choose your style preferences:

  • Border Style ➡️ Solid, Dashed, etc.

  • Background Color 🎨

  • Text Color ✏️

  • Mouseover Color 🖱️

✅ Step 4: Save & Apply

5️⃣ Click Save to apply your new styling.

6️⃣ Your Hoppy Currency Converter will now reflect your customized design instantly!

🌐That's it! Your customized converter is now live and looking great!


Did this answer your question?