Na maioria dos templates utilizados pelo Magento, a barra lateral na página do catálogo de produtos apresenta a opção “Produtos Visualizados Recentemente” (Recently Viewed Products). Porém por padrão essa barra vem sem a imagem dos produtos. Caso queira colocar um thumbnail para ajudar na navegação do cliente, siga os seguintes passos:
1- Abra o arquivo em: template/reports/product_viewed.phtml
2- O código deve ficar assim:
1 2 3 4 5 6 7 8 9 10 11 | <div class="block-content">
<ol id="recently-viewed-items" class="mini-products-list">
< ?php foreach ($_products as $_item): ?>
<li class="item">
<a href="<?php echo $this->getProductUrl($_item) ?>" class="product-image"><img src="<?php echo $this-/>helper('catalog/image')->init($_item, 'small_image')->resize(50, 50) ?>" width="50" height="50" alt="< ?php echo $this->htmlEscape($_item->getName()) ?>" /> </a>
<div class="product-details"><p class="product-name"><a href="<?php echo $this->getProductUrl($_item) ?>">< ?php echo $this->htmlEscape($_item->getName()) ?></a></p></div>
</li>
< ?php endforeach; ?>
</ol>
<script type="text/javascript">decorateList('recently-viewed-items');</script>
</div> |
3- A parte do código que se refere à imagem é essa:
1 | <a href="<?php echo $this->getProductUrl($_item) ?>" class="product-image"><img src="<?php echo $this-/>helper('catalog/image')->init($_item, 'small_image')->resize(50, 50) ?>" width="50" height="50" alt="< ?php echo $this->htmlEscape($_item->getName()) ?>" /> </a> |
Simples, certo?
Até a próxima.