<ul class='isocial'>Coming to the first menu bar with drop down, look for this code in Edit Html -
<li><a class='rss' href='#' target='_blank' title='Subscribe via RSS'/></li>
<li><a class='facebook' href='#' target='_blank' title='Become a Fan'/></li>
<li><a class='twitter' href='#' target='_blank' title='Follow Us'/></li>
<li><a class='google' href='#' target='_blank' title='Google Plus Profile'/></li>
<li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li>
</ul>
<ul id='top'>Now replace '#' with category links or any page links, this template shows a small tagline below each heading in the menu bar, you can change the text to display, like in the above code its given 'This is' .....'About us', edit it if you like.
<li><a href='/'><span>Welcome</span>Homepage</a></li>
<li><a href='#'><span>This is</span>About Us</a></li>
<li><a class='arrow' href='#'><span>Support</span>Contact Us</a>
<ul>
<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
Similarly, for the second menu bar, look for this code -
<li><a href='http://feeds.feedburner.com/JohnyTemplate' title='Posts RSS'>Posts RSS</a></li>Change the links, title, category name etc., and save the changes. Coming to setting up the product details, the below code has to appear in each post, instead of copying and pasting everytime, insert it in Settings--Posts and Comments--Post Template click on 'add' and paste the below code -
<li><a href='http://johnytemplate.blogspot.com/feeds/comments/default' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://johny-darktube.blogspot.com/p/sample-page.html'>Sample Page</a></li>
<div class="product_image">Every time when you to go to create a new post or add a new product, the code will be there in the posting area. You need to change the below details in the code -
<div class="pancontainer" data-orient="center" data-canzoom="yes" style="width:150px; height:150px;">
<img border="0" class="item_thumb" src="product_image.jpg" /></div>
<span class="item_price">$00.00</span> </div>
<div class="product_describe">
Descriptions... </div>
src="product_image.jpg" /> - add your product image url, image size should be 300px-300px.
$00.00 - Price of the product
Descriptions... - product description
This template uses simplecart of wojodesign.com and it supports top currency like Dollar, Pound Sterling and Euro. To replace the Paypal account with yours, find the code below -
<script type='text/javascript'>Replace the text marked in bold with your email id and save the changes.
simpleCart.email = "johnytemplate@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ];
</script>
Shopping cart is on top left which shows the costing details and checkout. The template has 2 columns on either side and also a related products widget at end of each post.
Download the Johny Magstore Shopping Blogger Template
Share this Blogger Template:
Thank My Bro I Use This Template, May I Can Make Mone Online, :)
y the add to cart botton not functioning?
How I can change font of detail posts?
add to cart not functioning,whats wrong?