Revo Catalogspot eCommerce Blogger Template

Revo Catalogspot eCommerce Blogger Template

Template Name: Revo Catalogspot eCommerce

Platform: Blogger / Blogspot

Release Date: November 9, 2013

Author: Loefa-Cebook

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Catalogspot Revo Blogger Template, the third version of Catalogspot Shopping cart Blogger Templates loefa dar-cebook, Blogger templates for online stores, online stores with modern style, equipped with a slider from Flexslider JS, scripts menu of Superfish JS, making it look like a template online store professional.

This template is built for those who want to have a simple online store with low cost. With this template you don't need to worry about hosting fees every month, because you are using Blogger, 100% free, unlimited bandwidth, and more.

Features

• Checkout by paypal, amazon, and google checkout
• Slider using flexslider,
• menu using suprfish,
• modern online store style,
• and more :)

1. Set Up

Installing Template

To install this template its simple.

1. Unzip download file
2. Open xml using an HTML editor such as Notepad
3. Go to Template page blogger, click Edit HTML, and delete all old template code,(make sure all empty)
4. Then copy all new template code, and paste into EDIT HTML window at Blogger.
5. At last, click Save template.

2. Shopingcart Setting

After you successfully install this template, you need to change the settings shopping cart.

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/
 
$(function(){
   simpleCart({
       checkout: { 
           type: "PayPal" , 
           email: "Your_Store@yours.com" 
       } 
   });
 
/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
    if( simpleCart.quantity() > 20 ){
         return 0;
     } else {
         return 10;
     }
}); 
});   
//]]> 
</script>

You can find it at the bottom, before the closing body tag from templates </body>

Replace the email address Your_Store@yours.com with your Paypal account email address, and default settings for shipping rate of $10 if purchased less than 20 items, and $0 if more than 20 items

3. Create Post

Once you've logged into Blogger you'll see your Dashboard, showing your list of blogs. Click the orange pencil icon to create a new post:

Next, you'll see the Post Editor. Click HTML button at top left post editor, Start by giving your post a title:

For this template all entries must use the post format, here is the post format script:

<div class="item_image">
<img border="0" class="item_thumb" src="YOUR_IMAGE_URL.jpg" />
<span class="item_price">$00.90</span>
</div>
<div class="item_Description">
Some text for item description
</div>

you need to change YOUR_IMAGE_URL.jpg with your image url that you upload to Blogger, price of the item $00.90, and put an description for your item

When you're done, just click Publish to publish your post.

4. View Cart page

Make this page using static pages Blogger feature,

Blogger Static Pages allows you to create specific pages like About Me, Contact page, Privacy Policy etc. on stand-alone pages that are linked from your blog. The static pages basically are the same as post pages, but there are several things that make them different. One of the differences is that static pages don't appear in the home page, don't have a label, and are not indexed as archive pages.

How to create your blog static page :
1. Beside a specific blog, click the drop-down menu to the right of the gray Post List icon

2. Select Pages.
3. Click the New Page button, then select one of the following option:
        Blank page: create a new page.
        copy and paste this code into your post editor,

<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span> 
<br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>

4. When you're done, just click Publish.

5. Shortcode 

Menu Navigation

to customize the menu andaharus go to edit html page, here is the script menu

replace #Page-Url with links to the pages and menu items with your text.

Slider

The following is a script for the slider, you just need to change the image url and text.

slide image size should be 960x400px



EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.