Monday 25 August 2014
SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE
----------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
REMAINING PART:
http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-template-with-view-cart.html
---------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------
HOW USE THIS TEMPLATE
------------------------------------------------------------------------------------------------------
Format Post
For this template,post format is available,we just write about it according to your choice
<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>
- Replace red highlighted area with your image URL
- Replace green highloighted area with your price in dollers
- Replace purple color with your item description
----------------------------------------------------------------------------------------
Setting Checkout
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
for paypel account setting,edit below HTML and Java Script code
<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>
------------------------------------------------------------------------------------------
Replace email address with your paypel email address and
setting the shipping cost Creating page View Cart
setting the shipping cost Creating page View Cart
----------------------------------------------------------------------------------------
Create a new page in Dashboard>>Pages
Paste below code in HTML page
<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>
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment