Hyvä Flags for Magento 2
Composer Installation? Hyvä Flags Extension for Hyvä Themes
Use beautiful svg/vector flag icons and add them easily in your code or via backend.
Save Time By Having All Country & Language Flag Icons For Your Hyvä Theme Magento Store At Hand:
- Perfect Quality Vector Icons
- Easy To Add Via Code Or Backend
- Includes Almost 1000 Free Flag Icons
- Square Format (1:1 Ratio)
- Rectangle Format (3:4 & 3:2 Ratio)
- Circle Format
- Official Sizes / Ratios
License:
- One-Time Payment
- Lifetime Access To Source Code
- 1 Year Free Support
- 1 Year Free Updates
Approved & Verified by Magento Marketplace
Hyvä Theme
Compatible
Unencrypted. 100% Open Source & Customizable
Coding Standards Applied. Clean & Readable Code
Countless Satisfied Customers: Be The Next One!
Made With Love
Our extensions are made with love & passion for building new things, perfection & performance in mind.
Field Tested
Our extensions are field-proven in our own client projects.
Solution
Country & Language Flag Icons For Your Hyvä Themes Magento 2 Store
Use beautiful svg/vector flag icons and add them easily in your code or via backend.
Includes almost 1000 free icons
Square (1:1 Ratio), Rectangle (3:4 Ratio) as well as Circle Icon Formats Included
THE PROBLEM
ADDING FLAGS
AS SVG / VECTOR
ICONS
SVG/vector icons are a great way to beautify any website, pixel-perfect, scalable and crystal clear images without the need to download each as a separate image.
So it is no surprise that literally every online store uses icons as UI (User Interface) elements or visual eye-catchers.
One typical use-case for SVG icons are language or store switcher UI elements. Hyvä Themes provides the Hero Icons, which are nice, but do not include language or country flags.
For your Magento 2 Hyvä Store you maybe want to use language or country flags for your store switcher?
Read on to learn more about how to do that:
Hyvä Flags - The free collection of almost 1000 carefully, consistent and beautifully designed language & country icons for your Hyvä Theme project...
THE SOLUTION
Hyvä Flags
FOR HYVÄ THEMES
MAGENTO STORES
With the Hyvä Flags by JaJuMa extension you now have country and language flag icons, at hand for use in your Hyvä Themes Magento 2 store.
Comes with almost 1000 free icons to choose from, including square (1:1 ratio), rectangle (3:4 & 3:2 ratio) as well as circle & official icon formats.
Add all the icons you want, easily in your code, with auto-complete in your IDE or from the backend. Icons are rendered and added as inline svg`s, to keep the bespoke Hyvä performance and without having to add a performance-killing icon font or heavy .png to your site.
Prefer more fancy icons over the flat style icons used in this icon pack?
Check this nice alternative flags collection module for Hyvä Themes created by Siteation: Go To Siteation Hyvä Flags
Looking for more beautiful icons to use in your Hyvä Theme project besides flags?
Check our Awesome Hyvä extension for using Font Awesome 5 + 6 icons: Go To Awesome Hyvä Icon Pack
Details
Hyvä Flags Extension for Hyvä Themes
by JaJuMa In Detail.
Beauty up your Hyvä Themes Store.
Save time by having all the country & language flag icons you need at hand.
Country & Language Icon Pack & Toolkit To Beauty Up Your Hyvä Themes, the amazing new Magento 2 frontend.
Professionally designed and pixel-perfect icons meet outstanding performance.
A perfect match for best-in-class customer and developer experience.
Hyvä Flags Extension enables you to choose from almost 1000 free country and language flag icons right in your project.
No more time wasted on searching and creating svg/vector icons.
All the country and language flag icons you need for your Hyvä Theme store are now available right at your hand, with autocomplete in your IDE or for adding into CMS content via backend.
Hyvä Flags Demo & Icon List
See and search the full list of all almost 1000 included icons on the demo site.
The demo also provides options to get the code for using the icons in your projects easily by copy & paste.
Scope & Features
The module includes:
- Square (1:1) Flag Icons
- Rectangle (4:3 & 3:2) Flag Icons
- Circle Flag Icons
- Official Size/Ratio Flag Icons
and provides 5 ViewModels
- Flagicons11
- Flagicons32
- Flagicons43
- FlagiconsCircle
- FlagiconsOfficial
and allows adding country & language svg flag icons from Backend.
Using Country & Language Icons
In Hyvä Themes
with JaJuMa "Hyvä Flags" Module
How to use country & language icons in Hyvä Themes in view models
1. Install the module via composer as any other Magento extension from github.
2. Require one of the view models in your template:
/** @var \Jajuma\HyvaFlags\ViewModel\Flagicons11 $flagicons11 */
$flagicons11 = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\Flagicons11::class);
/** @var \Jajuma\HyvaFlags\ViewModel\Flagicons32 $flagicons32 */
$flagicons32 = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\Flagicons32::class);
/** @var \Jajuma\HyvaFlags\ViewModel\Flagicons43 $flagicons43 */
$flagicons43 = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\Flagicons43::class);
/** @var \Jajuma\HyvaFlags\ViewModel\FlagiconsCircle $flagiconscircle */
$flagiconscircle = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\FlagiconsCircle::class);
/** @var \Jajuma\HyvaFlags\ViewModel\FlagiconsOfficial $flagiconsOfficial */
$flagiconsOfficial = $viewModels->require(\Jajuma\HyvaFlags\ViewModel\FlagiconsOfficial::class);
3. Then render the icons like this:
<?= $flagicons11->acHtml('text-red-100', 24, 24) ?> The method name is the camel-cased icon name, followed by Html. In an IDE you should have auto completion for all available methods. The parameters are optional and change the class, width, and height attributes of the SVG element.
It is recommended to set all of them so that the images are not rendered in huge sizes if CSS fails to load.
or you may also pass additional attributes like this:
<?= $flagicons11->acHtml('w-10 h-10', 24, 24, ['style'=>'position:relative']) ?> How to use Hyvä Flag Icons In Hyvä Themes In CMS Content
Hyvä Flags module adds an icon directive to render icons in filtered content like CMS blocks or pages. So you may add icons in text / code blocks like this:
icon "flagicons/1x1/ac" classes="text-red-100" width=12 height=12 Write Your Review
Frequently Asked Questions
Changelog
Version: 1.0.0
- Initial Release
Version: 1.0.1
- Added: 3:2 Ratio
- Added: Official Sizes
More Extensions
Maybe also interesting for you?
More valuable Extensions and Add-Ons for your Magento Store
