Magento – Creare pagina con immagini categorie

– 1° Creare il file : category-listening.phtml, e salvarlo in app/design/frontend/default/nome_tuo_template/template/catalog/navigation/

-2° Incollare e salvare il seguente codice :

<?php $_maincategorylisting=$this->getCurrentCategory()?>
<?php $_categories=$this->getCurrentChildCategories()?>
<h2><?php echo $this->__(‘Browse Products’) ?> </h2>
<div class=”subcat-listing”>
<ul class=”subcat-products”>
<? foreach ($_categories as $_category):?>
<? if($_category->getIsActive()): ?>
<?php $cur_category=Mage::getModel(‘catalog/category’)->load($_category->getId()); ?>
<?php $layer = Mage::getSingleton(‘catalog/layer’); ?>
<?php $layer->setCurrentCategory($cur_category); ?>
<? if($_imageUrl=$this->getCurrentCategory()->getImageUrl()):?>
<li> <a href=”<?php echo $this->getCategoryUrl($_category) ?>” title=”<?php echo $this->htmlEscape($_category->getName()) ?>”>
<img src=”<?php echo $_imageUrl ?>” width=”auto” alt=”<?php echo $this->htmlEscape($_category->getName()) ?>” />
</a>
<h3><?php echo $this->htmlEscape($_category->getName()) ?></h3>
<? if($_description=$this->getCurrentCategory()->getDescription()):?>
<p class=”category-description”>
<?php echo $_description ?></</p>
<?php endif; ?>
<? endif; ?>
<? endif; ?>
<?php endforeach; ?>
</ul>
</div>
<?php $layer->setCurrentCategory($_maincategorylisting); ?>

-3° creare un blocco statico chiamato category_listening e come contenuti inseriamo :

{{block type=”catalog/navigation” name=”catalog.categories” template=”catalog/navigation/category_listing.phtml”}}

-4° Andare in “Catalog/Manage Categories”, e seleziona la categoria che si vuole visualizzare.

-5° Selezionare come display mode: Static Block and page / come CMS Block il blocco appena creato /

-6° Selezionare  Custom Design e selezionare nome_tuo_template

7° salvare,  ricordarsi di inserire delle immagini nelle sotto categorie