Blog

O comércio eletrônico não para de crescer em todo o mundo. No Brasil, só no dia dos
namorados, as lojas on-line faturaram R$ 784,5 milhões. A praticidade de comprar a partir
de um site, no horário mais conveniente, e receber os produtos em domicílio tem atraído
consumidores brasileiros de todas as classes, em especial da classe média, como aponta
matéria do site E-marketer (em inglês).

Com a expansão da renda e o crescimento da confiança nos sistema de segurança das lojas on-
line, o consumidor está pronto para navegar confortavelmente pelas páginas de produtos.

Mas não basta ter um bom produto para oferecer, é preciso que seu site seja atraente, seguro
e encontrado facilmente pelos diversos motores de busca. Planejamento é essencial para a
criação de um site de e-commerce eficaz e lucrativo.

Na Projete Web levantamos todas as informações relevantes sobre seu negócio, suas
necessidades e objetivos para desenvolver o site que vai trazer os resultados que você precisa.

Utilizamos o Magento, software para produção de sites de e-commerce mais popular do
mundo, e um dos mais seguros. O Magento oferece uma infinidade de vantagens em relação a
outros softwares do gênero. Uma das principais é a possibilidade de gerenciar várias lojas em
um mesmo ambiente de administração.

Se você pretende ter uma loja aberta 24 horas para vender seus produtos, comece desde já a
definir seus objetivos de comunicação, metas de vendas, logística para entrega e formatos de
pagamento. Se você não sabe como fazer isso, basta nos procurar. Você vai se surpreender
com os resultados quando seu site estiver on-line.

Nesse tutorial vamos aprender como implementar a biblioteca jQuery no Magento ao lado da biblioteca padrão que ele utiliza, a Prototype.

Temos duas formas para essa implementação a primeira é hospedando a biblioteca na pasta skin de nosso tema e a outra utilizando o Google CDN.

Faça o download da jQuery em jquery.com e copie para o diretóriorio: skin/frontend/default/seu_tema/js

Agora vamos incluir a chamada da jQuery no arquivo layout/page.xml no block head:

<action method="addItem"><type>skin_js</type><name>js/jquery.js</name></action>

No arquivo: app/design/frontend/default/your_theme/templates/page/html/head.phtml vamos inclur a função noConflict do jQuery para que a mesma possa rodar ao lado da Prototype sem conflitos. que deve ficar mais ou menos assim:

<title><?php echo $this->getTitle() ?></title>
 
<meta http-equiv="Content-Type" content="<?php echo $this->getContentType() ?>" />
<meta name="description" content="<?php echo htmlspecialchars($this->getDescription()) ?>" />
<meta name="keywords" content="<?php echo htmlspecialchars($this->getKeywords()) ?>" />
<meta name="robots" content="<?php echo htmlspecialchars($this->getRobots()) ?>" />
 
<?php echo $this->getChildHtml() ?>
 
<link rel="icon" href="<?php echo $this->getSkinUrl('favicon.ico') ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo $this->getSkinUrl('favicon.ico') ?>" type="image/x-icon" />
 
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = '<?php echo $this->helper('core/js')->getJsUrl('blank.html') ?>';
    var BLANK_IMG = '<?php echo $this->helper('core/js')->getJsUrl('spacer.gif') ?>';
//]]>
</script>

<?php echo $this->getCssJsHtml() ?>
 
<!-- Adicionando a jQuery pelo Google CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<!-- Adicionando a função noConflict -->

<script type="text/javascript">
//<![CDATA[
	 var $j = jQuery.noConflict();
//]]>
</script>
<!-- ************* -->
 
<?php echo $this->helper('core/js')->getTranslatorScript() ?>
<?php echo $this->getIncludes() ?>

Agora seu tema já está com a jQuery implementada e funcionando!