Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

  • Animated shopping cart
  • Dual dropdown menu bar
  • Automatic featured content carousel
  • Grid and list style post view
Blogger store shopping blogger template

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

  • Switchable background
  • Attractive theme font
  • Integrated social media icons
  • Left sidebar and navigation menu
Lightroom Photo Blog Template

Magpress

Magazine style theme adapted from wordpress

  • Featured slider section
  • Dual menu bar
  • Tabbed widget
  • 4 column footer
Magpress Magazine style Blog Template

Sens

A simple theme with a clean layout

  • Full width featured slider
  • 4 column footer
  • Social widgets integrated
Sens Blogger template

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

  • Neat display
  • Easy to install
Add pop out social bookmarking widget for blogger

Shopping Cart Free Blogger Theme edit post

Posted by Bhavika On Friday, July 15, 2011
Finally a shopping cart e-commerce theme for blogger. Designed by BloggerMint, its a 4 column free template that comes with 'Add to Cart' and 'PayPal Checkout' function for Blogger.
Shopping Cart Free Blogger Theme
Once the template is uploaded, go to Settings--Posts and Comments (or in old blogger Settings--Formatting), set the desired number of posts to be shown on the blog, and then next to Post Template, click on add and insert this code, save the changes -
shopping cart blogger template code
<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%"><a href="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Item Name</b></th>
<td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
<th><b>Price</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Description</b></th>
<td class="item_Description">Your product description here!</td>
</tr>
<tr>
<th><b>Available Stock</b></th>
<td>Stock count here!</td>
</tr>
<tr>
<th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody>
</table>

This code will add the table in each 'New Post', now you have to fill in other information in the table like Item Name, Price and Description, which will be used as values during Paypal checkout. Also remove the default image from the code and add you own (keep the image sizes medium for it to fit properly).

Please not that you would have to remove the 'div class' and 'a href' from the image code, which should look something like this -

<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FvpLfhHu9U8/Th_Wv1Bdu4I/AAAAAAAAGNY/9BvaHAJdFfE/s1600/P1020156.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="240" width="320" src="http://2.bp.blogspot.com/-FvpLfhHu9U8/Th_Wv1Bdu4I/AAAAAAAAGNY/9BvaHAJdFfE/s320/P1020156.jpg" /></a></div>

And keep only this code in the table, those are the only changes you need to make and publish your post -

<img border="0" height="240" width="320" src="YOUR_IMAGE.jpg" />

Now moving on to Paypal Email set-up, go to Template--Edit Html (Design--Edit Html in old blogger) and search for this code -

<script type='text/javascript'>
simpleCart.email = &quot;bloggermint@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;

Replace the text in bold, which is the Paypal email id, with your own and save the changes.
paypal checkout page for blogger shopping cart theme
For those who don't have a Paypal account or credit card, can still purchase the product by filling the contact form. In order to integrate the form, you need to follow the steps below -

1) Sign up for Kontactr, once that is done scroll down the page until you find “Ajax Embed Widget” or “Buttons Code” and get your Kontactr ID, it will look something like this - id=39662, copy it.

2) Access Edit Html and insert this code right before the closing </head> tag.

<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script>

3)Now replace this code in Edit Html, it will appear in the top part of the CSS -

input.item_add{

with the one below -

span.item_add{

4) Similarly, search for this code -

input.item_add {

and change it to one below -

span.item_add {

The next step will be to go to Settings--Posts and comments, you will find the option 'Post Template' where you have to insert the following code, change the Kontactr id=39662 with yours -

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%"><a href="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="http://3.bp.blogspot.com/-k1EQIca2tCw/TdtZUjHTeGI/AAAAAAAACAs/vNwQwZAVkaI/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th>
<td><span class="item_add"><script type="text/javascript"> id=39662; t=1; ctxt="Order Now"; </script>
<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script></span></td>
</tr>
<tr>
<th><b>Item Name</b></th>
<td class="item_name">Product Name Goes here!</td>
</tr>
<tr>
<th><b>Price</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Description</b></th>
<td class="item_Description">Your product description here!</td>
</tr>
<tr>
<th><b>Available Stock</b></th>
<td>Stock count here!</td>
</tr>
<tr>
<th><b>Misc</b></th>
<td>Place extra thumbs/images of product here</td>
</tr>
</tbody></table>

Shopping Cart template also has a 4 column footer and a single sidebar on the right to display other blogger widgets like Archive, Categories, etc.

Download the Shopping Cart Free Blogger Theme
Share this Blogger Template:
edit post

32 Response to "Shopping Cart Free Blogger Theme"

  1. great template. How can change currency form USD to another? like RM or another. thank before

     

  2. Clyde said,

    @ Makarya

    I think it has something to do with changing it in paypal since its using a paypal checkout...

     

  3. Panamoney said,

    I've used this template and its error Add to cart buttom does not work, please reconsider this issue. This is my blog: http://vnshoponline.blogspot.com

     

  4. Bhavika said,

    @ Panamoney - Please download the template again and try, it should work now. The js link had changed, so its updated now :)

     

  5. Soh said,

    i cant get the paypal working. its say Data does not match input character set or default encoding. For more information, please contact the merchant.

     

  6. thefree said,

    Thanks for sharing this great article! That is very interesting I love reading and I am always searching for informative information like this..!
    free samples and freebies

     

  7. EVY said,

    Tq for sharing this article...

     

  8. This information is really helpful for me.

     

  9. dzu amri said,

    my blog went blank when i used the
    script of this src="http://kontactr.com/kpu/kontactr.js"

    please help. my blog momsavenue.blogspot.com

     

  10. Ok thanks.... I want to use this template

     

  11. maybe there are some errors or not precise suggestions in the uses description above....also may I have your help to modify the image in the title,please?

     

  12. Tillen said,

    Great Template, How do I add About us and Client testimonial tabs.

     

  13. Hi,
    What if i want to add column input "Size" and show it on the Front Post together with price.Thanks for your help

     

  14. admin said,

    how can I change the payment method?, like bank transfer?

     

  15. Bhavika said,

    @ The Passenger - To edit the image, go to Design--Page Elements and click on edit under 'header' tag and upload the image. Cheers..

     

  16. Bhavika said,

    @ Tillen - You have to create pages from Posting--Edit Pages and it appears automatically in the menu bar.

     

  17. Bhavika said,

    @ sapphire ^V^ - You have to add 'Size' in the above code which shows Item Name, description, price etc.

    @ admin - This template doesn't support other payment method like bank transfer.

     

  18. TIL said,

    Hi there,

    How do i go about if i want to insert selectable shirt sizes on a post?

    Thanks!

     

  19. Hi, Can you just ignore my last question :D,what i really want to know is how if i want to pass size input in the shopping cart list and the checkout to paypal,Thanks a lot for your help!

     

  20. Can i use this template for affiliate like amazon or ebay?

     

  21. Bidadari said,

    this mean i as the owner of the blog must register with the paypal first and have the paypal id, right?

     

  22. Bhavika said,

    @ TIL - PLease follow the instructions given in the above post to add items, pricing or sizes etc., you can add your own product details.

    @ Lord sutan - Amazon have their widgets which you can add anyway on a site or blog.

    @ Bidadari - Yes, you need an account with paypal.:)

    @ sapphire ^V^ - Its given in the above post, make sure each item name is unique. :) Let me know if it works, what your blog link?

     

  23. how i want change the payment method like bank transfer? please answer ASAP

     

  24. Hi,this is what i'm looking for...TQ for your great template tutorial... lets say if i want to use another currency, it is possible for me to change as stated above
    "simpleCart.currency = USD;"
    to another currencies in Paypal email set-up?

     

  25. Bhavika said,

    @ ietchan-kun - Yes you can change it in the simple cart script...it supports few currencies apart from USD.

     

  26. Bhavika said,

    @ amirul hakim - This template doesn't support other payment method like bank transfer.

     

  27. How can I use this template with the new blogger? since the place of the settings etc is different. I have try to copy the link and put it under post tempalate. but when I click new post to edit the picture,price etc. It doesn't come out like exactly like you describe but only the html and couldn't update anything.

     

  28. Bhavika said,

    @ Feather Catcher - I have also added the settings for the new blogger in the above post, you have to go to Settings--Posts and Comments, and under that you will find Post template to add the code, and save. It does work...let me know if it works for you.

     

  29. suriyat said,

    http://onlyrm69amulets.blogspot.com/,please help rectify my problem after the uploas y the page looks like this!please help

     

  30. suriyat said,

    in "home" section" y in the picture in the column stil have a column under the picture so ugly.please help i realy like this template.

     

  31. Bhavika said,

    @suriyat - Have you been using images of medium size? Please follow the instructions for adding the product/item code given above...

     

  32. I was looking for having my own shopping cart where I can promote stuff what I want to sell. Now I can put those selling stuff over blogger, thanks for the help..

     

Post a Comment

    Recent Templates

    Recent Comments

    Video Guides