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>
Related movie you might like to see :
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
FLICKITY JS CSS SLIDER
CONVERT FILE PATH TO A URL LINK
Make Own API English Dictionary
JS IMAGE SCROLLER
QUICK FIND TOOL GOOGLE CHROME FOR ...
WEB DEVELOPER 0.5
BODY JS FILE LINK IN MAGENTO
INTENSO MAGENTO QUICK VIEW BUTTON
Magento Hello World Module (Extensi...
BOOLEAN MATCHING GAME JAVASCRIPT
GET BUTTON ID AFTER CLICK IN JAVA S...
JAVA SCRIPT LOOP
QUIZY MEMORY CARD GAME
CTX STYLE
IMAGE SRC ARRAY IN JAVA SCRIPT
QUIZ ACTIVITY MAKER
MEMORY GAME WITH UPPER HIDDEN CARD
HTML SYNTAX HIGHLIGHTER
Related Post for SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE
JS IMAGE SCROLLER
BLOGGER INCLUDABLE SECTION 
FLASH 8 DOWNLOAD
TEXT COMPARE OR DUPLI TEXT FINDER
IMAGE UPLOAD WITH JAVA WITH PHP CODE
GOOGLE DEVELOPER CONSOLE GOOGLE DOWNLOAD OLD VERSION
Search Engine Optimization Toolkit UN USED CSS IN GOOGLE
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
BOOTSNIPP LOGIN SIGNUP FORM
Direct Links to your Files on Google Drive
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER
FLASH PLAYER SWF FILE DOWNLOAD ARCHIVES
SCREEN TO GIF
WHACK A RAT CSS GAME
Magento Hello World Module (Extension)
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
HTML CSS GREEN COMMENTS NOTEPAD++
Subscribe to:
Post Comments (Atom)
![Internet Download Manager Latest Version [DOWNLOAD]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikWh0YOGIN6q7MIvR1YKJ5sBwUKjgPzABIUpotawkcfQULX6sVNhIfCIXjCgTM0WN9tNveYxxPJ_DMtK406WC6F8F8EXJBpzbqF6mt6hDHeWSdRY-UvjupaGqGlZQvjsUmaGU8NElIGCXU/s72-c/idm.png)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.