Monday, 25 August 2014

SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE

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
----------------------------------------------------------------------------------------
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 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…
Posted by on Monday, 25 August 2014 at 07:24
Labels: , , , , , , , , , , , , , , , , , , ,

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets