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 :

GOOGLE CONSOLE

GOOGLE CHROME EXTENSION FILE SAVE O...

OPEN DESKTOP TEXT FILE BY COMMAND P...

HOW TO GET MALWARE ADD POPUP WITHOU...

SHOPIFY JACK MOORE ZOOM

RELATED POST WIDGET LIST SHAPE

BUTTON PADDING CHANGE HEIGHT WIDTH

CSS SYNTAX HIGHLIGHT CHANGE IN NOT...

WEB IMAGE DOWNLOADER

TEXT COMPARE OR DUPLI TEXT FINDER

BLOCK JAVA SCRIPT BY GOOGLE CHROME

MOUSE COORDINATES IN JAVA SCRIPT

RELATED POST WIDGET LIST WITHOUT TH...

WHACK A RAT CSS GAME

USE ARABIC URDU LANGUAGE IN HTML

POST DATE THUMBNAIL IN BLOG

POST DATE HEADER IN BLOG

SEARCH YOUR VIDEO IN GOOGLE

INPUT BUTTON VALUE SWAP

DYNAMIC VIEWS BLOGGER TEMPLATE
?
+
X
Recommended for you
Loading..
Related Post for SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE
QUIZY MEMORY CARD GAME ---------------------------------------------------------------------------------------------------------- READ MORE: http://memorygame.quizyplugin.com https://holifestival.de/…
CLIP BOARD EXAMPLES CODE ----------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE IN POST HTML SECTIONREAD MORE:https:…
BASIC ELEVATE ZOOM PLUS -------------------------------------------------------------------------------------------------------------------------- BASIC ELEVATE ZOOM PLUS zoomin shopify https://www.h…
SCREEN TO GIF ------------------------------------------------------------------------------------------------------------------ Read More: 3:30 PDF HTML IMAGE CONVERTER HD…
FLASH CODE CHANGE INTO JAVASCRIPT ------------------------------------------------------------------------------------------------------------------- AS3 CODE http://flashcollege.blogspot.co.uk/2016/03/trace-ar…
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER ------------------------------------------------------------------------------------------------------------------- SYNTAX HIGHLIGHTER LINKS -----------------------------------…
NOTEPAD++ REMOVE UNWANTED LINES ------------------------------------------------------------------------------------------------------------------------------------------------------------ STEP NO : 1 1- CT…
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.