Learn how to change the look and style of your currency converter.
✅ 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!✨