ongeremd.com

Blog over het Fine tunen van website, webshops en Content management systemen

Magento Navigatie van het topmenu naar de sidebar verplaatsen

magento tutorial random products weergeven op de homepage

magento tutorial random products weergeven op de homepage

Iedere post lijkt over een probleem te gaan waar anderen of ikzelf tegenaan loop.
Zelf ben ik bezig met magento en toch is het soms nog even nadenken van hoe alles ook alweer met elkaar verbonden is.

Zo kunnen de kleinste aanpassingen heel gemakkelijk worden doorgevoerd als je even weet hoe het moet.
Er staan zoveel tutorials en lange forum discussies online dat ik er een beetje ziek van wordt als ik eerst 20 pagina’s moet lezen en er dan nog achter kom dat de oplossing niet werkt of nog erger mijn hele magento installatie onderuit haalt.

Een van dit soort kleine aanpassingen die je kunt verwachten is het verplaatsen van de navigatie van het topmenu naar de zijkant van de webshop.

De navigatie aan weerskanten van de shop is een algemeen gebruikte navigatie voor webshops.

Hieronder enkele stappen die je dient uit te voeren om het helemaal voor elkaar te krijgen op de homepage.

  • ga naar template/catalog/navigation/ 
  • Maak in deze directory vert_nav.phtml aan met de volgende inhoud.

<div class=”vertical-nav-container box base-mini”>
<div class=”vertical-nav”>
 
<!–<div class=”head”>–>
 
<!–<h4>–>
<div class=”block block-cart”>
    <div class=”block-title”>
        <strong><span><?php echo $this->__(’Categories’) ?></span></strong></div><!–End block block-cart–>
 
 
<div class=”block-content”>
 
<!–</h4>–>
<!–</div>–><!–End Of head–>
 
<h4 class=”no-display”>
<?php echo $this->__(’Category Navigation:’) ?></h4>
<ul id=”nav_vert”>
<?php foreach ($this->getStoreCategories() as $_category): ?>
<?php echo $this->drawItem($_category) ?>
<?php endforeach ?> </ul>
</div>
</div><!–End Of vertical-nav–>
 
<?php echo $this->getChildHtml(’topLeftLinks’) ?>
 
</div></div><!–End Of vertical-nav-container box base-mini–>

 

 

 

Voeg de blok referentie toe aan de catalog.xml file :

<reference name=”left”>
<block type=”catalog/navigation” name=”catalog.vertnav” template=”catalog/navigation/vert_nav.phtml” />
</reference>

Hierdoor verschijnt het navigatiemenu links ..(let op niet op de homepage)

 

hierna voeg je op de admin CMS–> Pages –> Homepage   het volgende  toe aan de content:

{{block type=”catalog/navigation/vert_nav” name=”catalog.vertnav” template=”catalog/navigation/vert_nav.phtml”}}

Even saven en je hebt op de homepage een verticaal menu met alle categorien ..

Hopelijk helpt dit verder ..

Bekijk ook


Leave a Reply