Tag Archive for linkedin

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 , ,

Busca no Xml – v2.0

30 de março de 2009 Weverton Naves 11 comments

Falae galera.

O último código que desenvolvi do Busca no Xml gerou muitas dúvidas do pessoal para alterações. Queriam colocar link, mudar algum conteúdo, etc. O fato é que desenvolvi focado em um projeto, e disponibilizei para adaptação.
Tive um tempinho essa semana e adaptei o código para ser mais “maleável”.

Primeiro, veja o post:
http://www.wevertonnaves.com.br/blog/2008/03/busca-no-xml/

O que mudou?
- Possibilidade de definir os campos e a estrutura do xml;
- Inserção de link (externo e interno);
- Escolha dos campos que aparecerão no DataGrid e os que serão utilizados na busca;

Como alterar?
- No arquivo xml principal, onde guardamos as informações dos xmls de busca,  temos o nó “estrutura”, onde você definirá a estrutura de nós que os xmls devem ter, seguindo a seguinte formatação:
<file_name usabusca=”true” aparece=”250″ />

Primeiro, o nome do nó. Este deve ser exatamente como os sub-nós serão chamados. O parâmetro usabusca (booleano) define se este nó será incluído na busca. O parâmetro aparece (number) é o tamanho da coluna deste nó dentro do DataGrid, um valor igual a 0 significa que este nó não aparecerá no mesmo.

Caso queira adicionar link aos itens, basta incluir o seguinte nó:
<link usabusca=”false” aparece=”0″ />

E para definir o tipo de link, nos próprios xmls de busca, o valor deve ser de uma das duas formas:
url: Adicionando um link com http, o flash irá reconhecer como uma url;
label: Sem o http, o flash entenderá como uma label dentro do próprio swf;

É isso aí galera. Vou adaptar para CS3 agora. Divirtam-se (e me reportem possíveis erros).

Baixe o arquivo aqui.

ActionScript , , , , ,