Skip to main content

How to customize the appearance settings in the currency converter?

Follow these steps to customize the appearance of your Currency Converter:

Rashmi Verma avatar
Written by Rashmi Verma
Updated over 3 weeks ago

✅ 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?