Template Blogger StoreCart V2 - Integração com PagSeguro

Esta  nova versão do Template StoreCart é para as pessoas que querem criar uma loja básica on-line visando o mercado brasileiro , pois a interface está agora em português , a moeda utilizada é o Real e com integração com o sistema PagSeguro para pagamento.

Este template tem uma nova versão e se encontra no blog Projeto e-Commerce

Aqui está um link para vizualização do template instalado e um  preview :

Instruções para utilização do template StoreCart v2
Pré-requisitos  ( ambos gratuitos ) :

• Conta  Blogger
• Conta PagSeguro

Primeiramente ,faça o download do template StoreCart v2 e faça o upload do template em sua conta Blogger indo em Modelo > Fazer backup/Restaurar > Enviar modelo de um arquivo em seu disco rígido.

Depois vá  em Configurações > Postagens e comentários  > Modelo de postagem > Adicionar . No campo disponível , coloque o seguinte código ,e clique em SALVAR CONFIGURAÇÕES :

<table border="1" cellpadding="10" style="width: 670px;"> <tbody> <tr> <th class="item_thumb" rowspan="6" width="290"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBvE2g8mslbvKRxc0GVoWu_2NwriIFCLwtZH62xHpuF9V_fkz7WuP5E8B3VqOikKcaenvASxJNvs4u0garL_wH8H7ACyaVjMO-ZZlFmUr8CT3-8D9fjrxGNX1DAUGpBil6A39w1uHzQZo/s1600/product_image_290x377.jpg" width="290" /> </th> <th width="120">Item </th> <td class="item_name">Color 1</td> </tr> <tr> <th width="120">Tipo</th> <td>T-Shirt</td></tr> <tr> <th width="120">Preço</th> <td class="item_price">R$999.99</td> </tr> <tr> <th width="120">Descrição</th> <td class="item_Description">Descrição do Produto</td> </tr> <tr> <th width="120">Informações complementares</th> <td>Detalhes </td> </tr> <tr> <td colspan="2"><a class="item_add" href="javascript:;">Comprar</a> </td> </tr> </tbody> </table>
Na imagem seguinte você poderá ver  o modelo de postagem já adicionado.

Agora vá em Postagem > Nova Postagem e você verá o modelo de postagem no seu editor.Clique sobre a imagem onde está escrito as dimensões apropriadas de 400 x 500 pixels e aparecerá um menu onde na última opção aparece o item Remover.

Removendo a imagem inicial e com o cursor dentro do campo de imagem  , adicione a imagem de seu produto e altere os items como o Nome do Produto,Tipo do Produto,Preço,etc..

Após suas alterações de acordo com o seu produto ,clique em Publicar .

É necessário uma configuração das postagens do blog . Vá em Layout > Postagens no Blog >
 Editar .

 Desmarque opções como data,local,etc.., seguindo o exemplo como na imagem abaixo :

Após desmarcar as opções de postagens como na imagem acima,clique em SALVAR.


Intruções para configuração da conta PagSeguro

Vá em Modelo > Editar HTML >Prosseguir e procure por  simpleCart.email  . Utilizando  as teclas Ctrl+F se consegue mais facilmente encontar o texto.

Você encontrará o seguinte código :

simpleCart.email = "SeuEmail@gmail.com";
simpleCart.checkoutTo = PagSeguro;
simpleCart.currency = BRL;

Onde está  email@gmail.com  , coloque o e-mail de sua conta PagSeguro e clique em Salvar modelo.Com isto feito ,o template já está pronto para utilização.

O Template StoreCart é licenciado sob CreativeCommons


Template Blogger StoreCart v2 by Projeto Criar Blogs is licensed under a Creative Commons Attribution-NoDerivs 3.0 Unported License.
Based on a work at http://projetocriarblogs.blogspot.com/.
Permissions beyond the scope of this license may be available at http://projetocriarblogs.blogspot.com/..

É permitido copiar ou distribuir este template segundo as seguintes condições :

• Atribuição - Desde que sejam mantidos os links no rodapé referentes a autoria do Template Blogger StoreCart by Action Skill e o tipo de licença sob CreativeCommons
• Comercial - Não é permitido a venda deste template.
• Produtos derivados - Não é permitido a alteração do template , exceto a parte do menu e logotipo.