Crie sua loja on-line - Template Blogger StoreCart

Este é um template com o qual você pode iniciar suas vendas on-line rapidamente e sem custos com confecção ou hospedagem de site ,  pois  o Blogger é uma plataforma gratuita.

Já existem alguns templates para Blogger com a finalidade de vendas on-line .Mas , tentando fazer customizações ,  me deparei com vários problemas por falta de conhecimento técnico mais aprofundado desses templates, sendo assim  , resolvi criar um template a partir do zero utlizando o Script simplecart(js) desenvolvido pelo The Wojo Group o qual controla toda a funcionalidade do cart.

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

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

• Conta  Blogger
• Conta Paypal

Primeiramente ,faça o download do template StoreCart e faça o upload do template em sua conta Blogger.

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">Type</th> <td>T-Shirt</td></tr> <tr> <th width="120">Price</th> <td class="item_price">R$999.99</td> </tr> <tr> <th width="120">Description</th> <td class="item_Description"> Product Description </td> </tr> <tr> <th width="120">Details</th> <td>Details </td> </tr> <tr> <td colspan="2"><a class="item_add" href="javascript:;">Buy</a> </td> </tr> </tbody> </table>
Na imagem seguinte você poderá ver  ao modelo de postagem já adicionado.

Agora vá em  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..

Adicionalmente ,você pode colocar também categorias para seus produtos pela opção Marcadores que aparece na página de postagem numa coluna à direita:

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 e desmarque opções como data,local,etc..

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


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


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 = "email@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;

Onde está    email@gmail.com  coloque o e-mail de sua conta Paypal 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 by Action Skill is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Permissions beyond the scope of this license may be available at http://actionskill.blogspot.com.br/2012/03/template-blogger-storecart.html.

É 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.