i am trying to achieve a dropdown menu for languages and this is what i came across (not working but this was my try)
in catalog\view\theme\**my_theme**\template\module\language.tpl
i edit the whole file to be:
Code: Select all
<?php if (count($languages) > 1) { ?>
<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
<div id="language">
<div class="heading">
<?php foreach ($languages as $language) { ?>
<span><img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" title="<?php echo $language['name']; ?>" /> <?php echo $language['name']; ?></span>
<?php } ?>
</div>
<ul>
<?php foreach ($languages as $language) { ?>
<li onClick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>').submit(); $(this).parent().submit();">
<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" title="<?php echo $language['name']; ?>" /> <?php echo $language['name']; ?>
</li>
<?php } ?>
</ul>
</div>
<input type="hidden" name="language_code" value="" />
<input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
</form>
<?php } ?>
Code: Select all
#language {
position: absolute;
top: 13px;
left: 185px;
width: 115px;
color: #777777;
line-height: 17px;
border-right: 1px dotted #444444;
z-index: 50;
}
#language img {
cursor: pointer;
}
#language ul {
background-color: #F7F7F7;
display: none;
left: 0;
padding: 4px 0;
position: absolute;
top: 55px;
width: 135px;
z-index: 1110;
}
#language ul li {
color: #444444;
cursor: pointer;
padding: 3px 10px;
}
hope this topic would be helpful for some including me
thanks in advance
