Tag Archive for magento

Como inserir a biblioteca jQuery em seu site Magento

6 de agosto de 2011 Weverton Naves No comments

Se você precisa colocar a jQuery, uma das bibliotecas javascript mais usadas e mais funcionais do mercado em seu site que utiliza a plataforma Magento, é bem simples, siga os procedimentos abaixo:

1- Baixe a biblioteca jQuery no site do desenvolvedor (http://jquery.com/)

2- Coloque o arquivo .js na pasta /js/jquery/ (deverá criar essa última)

3- Abra o arquivo localizado em:
/app/design/frontend/base/seutema/layout/page.xml

4- Logo abaixo da parte (<action method=”addJs”><script>scriptaculous/slider.js</script></action>) cole mais uma linha (atenção para o nome do arquivo com a versão atual do jquery):

<script type="text/javascript">// <![CDATA[
  jquery/jquery-1.6.2.min.js
// ]]></script>

5- Para prevenir conflitos com o scriptaculous.js, você deve adicionar o seguinte código na última linha do seu arquivo jQuery:

jQuery.noConflict();

6- E toda vez que for utilizar a biblioteca, ao invés de “$” você terá que usar “jQuery”;

É isso aí. Até a próxima dica.

Magento , ,

Adicionando thumbnail nos produtos visto recentemente – Magento

31 de julho de 2011 Weverton Naves 2 comments

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.

Magento , ,