eStore Free Blogger Template For Online Store

In today post, I share with you eStore Free Blogger Template For Online Store. You can now easily create you online store and sell your products using Blogger.com. This template is very easy to setup. You just want a paypal account for selling your products online. I use SimpleCart script for selling products. You can use this eStore Free Blogger eCommerce Template for your online store.

Look at picture below this is sample online store,

Update: Now The Online Blogger Template has been Updated with working code. try it Now.

Live Demo | Download

Customize this template follow these steps.

1.  First Download this file

2. Upload this XML file in Blogger

3. After Uploading the file Click On Page Elements

4. Click On Edit HTML/JAVASCRIPT Widget

5. Change the Paypal Email Address With Your own Email so that transaction will be gone to your account.

6. Look the code below,

<script type=”text/javascript” src=”http://dinhquanghuy.110mb.com/simpleCart.js”></script>

<script type=”text/javascript”>

simpleCart.email = “albranco@yahoo.co.jp“;

simpleCart.checkoutTo = PayPal;

simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" ,  "increment",  "decrement", "Total" ];

</script>

This email address albranco@yahoo.co.jp I used for paypal transaction. So you can change with your own address.

7. Change these sample products with your own products and description which you want to sell online.

Look below the code,

<!–Create a div with the class simpleCart_shelfItem–>

<div>

<!–Notice the class names of each tag begin with item_ –>

<img src=”http://img2.pict.com/ef/83/27/3197156/0/product1.png” alt=”product 1″ title=”product 1″ />

<h5>Sample DVD</h5>

<p>

To create a shelf item, you create a div with a class of “simpleCart_shelfItem”.

</p>

<span>$14.99</span>

<a id=”s1″ href=”javascript:;”>Add to Cart</a>

<span>http://img2.pict.com/ef/83/27/3197156/0/product1.png</span>

</div>

In this green line code,

<img src=”http://img2.pict.com/ef/83/27/3197156/0/product1.png” alt=”product 1″ title=”product 1″ />

This is the image use for your product which you show in the online store. You can replace this image with your own product image

This blue line code shows you about product title. You can change it with your own product title for example Nokia 2700 Classic

<h5>your_item_name</h5>

This red line code shows Description of item. You can replace description with your own.

<p>

To create a shelf item, you create a div with a class of “simpleCart_shelfItem”.

</p>

This code is to set the price of a product

<span>$00.00</span>

This is add to cart

<a href=”javascript:;”>Add to Cart</a>

To add thumbnail image for item ( thumbnail image will be showed in shopping cart )

<span>http://img2.pict.com/ef/83/27/3197156/0/product1.png</span>

So changes all 6 products with your own products and sell these products online.

This is cart code look below,

<div id=”cartTotal”>

<strong>Total: </strong><span></span>

</div>

<!–Add a div with the class of simpleCart_items to display what is in the user’s cart–>

<div></div>

<!–use a class of simpleCart_empty to empty the cart and simpleCart_checkout to checkout –>

<a href=”javascript:;”>Empty Cart</a>

<a href=”javascript:;”>Checkout</a>

to show the total ,use this statement :

<span></span>

to show shopping cart ,use this statement

<div></div>

To show “empty cart” and “checkout” button ,use this statement :

<a href=”javascript:;”>Empty Cart</a>

<a href=”javascript:;”>Checkout</a>

You can customize this template with your own css and make it much beautiful for using as a online store.

Please feel free to ask any question about this template.

Tagged as: blogger ecommerce template, blogger free template, blogger online store, blogger shop template, blogger shopping template, blogger store template, ecommerce templates