View Live Website: www.maddiesadventures.com

Maddie’s Adventures WordPress Website Design

Maddie's Adventures is a fully designed WordPress Blog

Website Features:

• Web Design
• WordPress Content Management
• Search Engine Optimization (SEO)

Website Features:

• Web Design
• WordPress Content Management

View Live Website: www.nomadsland.com

New NomadsLand WordPress Website Design

AFTER - NomadsLand WordPress Website Design: Home Page

AFTER - NomadsLand WordPress Website Design: Content Page

AFTER - NomadsLand WordPress Website Design: Video Page

Old NomadsLand WordPress Website Design

BEFORE - NomadsLand WordPress Website Design: Home Page

BEFORE - NomadsLand WordPress Website Design: Content Page

BEFORE - NomadsLand WordPress Website Design: Video Page

Website Features:

• Web Design
• WordPress Content Management
• WordPress Ecommerce
• Search Engine Optimization (SEO)
• Flash Animation

View Live Website: www.mycorrhizae.com

The new Mycorrhizal ecommerce WordPress website design

AFTER - Mycorrhizal WordPress Webste Design: Home Page

AFTER - Mycorrhizal WordPress Website Design: Industry Page

AFTER - Mycorrhizal WordPress Website Design: Company Page

The old Mycorrhizal website design

BEFORE -Mycorrhizal Applications, Inc. Website Design

BEFORE -Mycorrhizal Applications, Inc. Website Design

BEFORE - Mycorrhizal Applications, Inc. Website Design

First locate the “stores.phtml” page and open it with your favorite editor. You can find it in the ‘app/design/frontend/base/default/template/page/switch’ directory. (Note: If you are using your own template your path may be different.)

Now, if you are familiar with html, you should be feeling a bit more at home. You will see that currently the stores are loaded into a “select” box. As of this writing the code looks like this (comments removed):

<select id="select-store" title="<?php echo $this->__('Select Store') ?>" onchange="location.href=this.value">
<?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>

If you are familiar with HTML then you will be able to add any sort of HTML code you want here. However, we have made it easy for those of you who are not familiar with HTML. If you want to change the selector to an unordered list then simply replace the above code in your template file with the following code:

<ul class="store-selector-ul">
<?php foreach ($this->getGroups() as $_group): ?>
<li><a href="<?php echo $_group['home_url'];?>"><?php echo $this->htmlEscape($_group['name']);?></a></li>
<?php endforeach; ?>
</ul>

Now with some CSS styling – you can make your store selector menu match your design.

If you are having issues with your Magento design, or would like some help with customizing Magento, please feel free to contact us at 541-582-8154 or by sending us an email at support@dnawebagency.com.

Website Features:

• Web Design
• WordPress Content Management
• Search Engine Optimization (SEO)
• Flash Animation

View live website: www.waterstonespa.com

The new Waterstone Spa & Salon WordPress website design

AFTER - Waterstone Spa & Salon WordPress Website Design: Home Page

AFTER - Waterstone Spa & Salon WordPress Website Design: Spa Services

AFTER - Waterstone Spa & Salon WordPress Website Design: Salon Page

The old Waterstone Spa & Salon website design

BEFORE - Waterstone Spa & Salon Website Design: Home Page

BEFORE - Waterstone Spa & Salon Website Design: Specials Page

BEFORE - Waterstone Spa & Salon Website Design: Technicians Page

Moving the Magento Store Switcher to the Header

First off, you will want to locate your “page.xml” file. This is located in the ‘app/design/frontend/base/default/layout’ directory. (Note: If you are using your own template your path may be different.) Open it with your favorite text editor and find the line of code below.

<block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/>

This line is located in the “page/html_footer” block. Cut the line and paste it just under the “page/html_header” block as shown below.

<block type="page/html_header" name="header" as="header">
<!--Added Store Switcher-->
<block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/>

Moving this will allow you to access the store switcher from the header. Now find your header.phtml file and open it with your favorite editor. This is located in the ‘app/design/frontend/base/default/template/page/html’ directory. (Note: If you are using your own template your path may be different.). From there you will want to add this PHP code. Add it wherever you would like that suits your design.

<?php echo $this->getChildHtml('store_switcher') ?>

Congratulations! You have successfully moved the Magento store switcher from the footer to the header. As with any changes – be sure to clear your cache.