Magento: Showing Store Selector / Switcher in header and footer
Here, I will show you how to show the store selector (store switcher) in header. By default, the store selector is present in footer.
Create a new phtml file (template/page/switch/stores-top.phtml) and write the following code in it :-
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <?php if(count($this->getGroups())>1): ?> <div class="language-switcher" style="margin-left:15px"> <label for="select-store"><?php echo $this->__('Select Store') ?>: </label> <select id="select-store" onchange="location.href=this.value"> <?php /*foreach ($this->getStores() as $_store): ?> <option value="<?php echo $_store->getUrl('') ?>"<?php if($_store->getId()==$this->getCurrentStoreId()): ?> selected="selected"<?php endif; ?>><?php echo $_store->getName() ?></option> <?php endforeach;*/ ?> <?php foreach ($this->getGroups() as $_group): ?> <?php $_selected = ($_group->getId()==$this->getCurrentGroupId()) ? 'selected="selected"' : '' ?> <option value="<?php echo $_group->getHomeUrl() ?>" <?php echo $_selected ?>><?php echo $this->htmlEscape($_group->getName()) ?></option> <?php endforeach; ?> </select> </div> <?php endif; ?> |
Add store_switcher_top block after store_language block inside header block of page.xml present around line #66 :-
1 2 3 4 5 6 | <block type="page/html_header" name="header" as="header"> <block type="page/template_links" name="top.links" as="topLinks"/> <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/> <block type="page/switch" name="store_switcher_top" as="store_switcher_top" template="page/switch/stores-top.phtml"/> <block type="core/text_list" name="top.menu" as="topMenu"/> </block> |
Add getChildHtml(‘store_switcher_top’) below getChildHtml(‘store_language’) in template/page/html/header.phtml like below :-
1 2 | <?php echo $this->getChildHtml('store_language') ?> <?php echo $this->getChildHtml('store_switcher_top') ?> |
That’s all. Now, you can see store selector in header and footer both.
Hope this helps. Thanks.
Find me on
Mukesh Chapagain is a graduate of Kathmandu University (Dhulikhel, Nepal) from where he holds a Masters degree in Computer Engineering. Mukesh is a passionate web developer who has keen interest in open source technologies, programming & blogging. 
