Show Different Language Flags instead of Dropdown Magento

1. Goto app/design/frontend/[theme-directory]/template/page/switch/

2. Open file “languages.phtml” replace the code with the following code.

<style type="text/css">
	.langs-wrapper{float:right;height:15px;margin-right:20px;}	 
	.lang-flag{border:1px solid transparent;display:inline-block;height:13px;}	 
	.lang-flag:hover{border:1px solid #FFF;}
</style>

<?php if(count($this->getStores())>1): ?>
<div class="form-language">
    <div class="langs-wrapper">
    <?php foreach ($this->getStores() as $_lang): ?>
        <?php if ($_lang->getCode() != 'default'): ?>
        <a class="lang-flag" href="<?php echo $this->getCurrentUrl().'?___store='.$_lang->getCode();?>" style="text-decoration:none;" title="<?php echo $_lang->getCode();?>">
        	<img src="<?php echo $this->getSkinUrl('images/flags/'.$_lang->getCode().'.gif');?>" alt="<?php echo $_lang->getCode();?>">
        </a>
        <?php endif;?>
    <?php endforeach;?>
    </div>
</div>
<?php endif;?>

3. Put Your Country Flag Images inside “flag” directory in skin/[theme]/images/folder and name it as the store view code.

Enjoy.

Ratnesh 5 Badges

• 13 Mar, 2013
  Created by - Ratnesh