Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Yes you'll need this <a href="http://demo.simplecartjs.com/stylesheets/demoFullWindow.css" rel="nofollow">css page</a></p> <p>Plus this HTML :</p> <pre><code> &lt;div id="demoContainer"&gt; &lt;!--Create a div with the class simpleCart_shelfItem--&gt; &lt;div class="simpleCart_shelfItem"&gt; &lt;!--Notice the class names of each tag begin with item_ --&gt; &lt;img src="images/the-incredibles.png" alt="The Incredibles Purchase at Amazon http://amzn.com/B00005JN4W" title="Buy at www.amzn.com/B00005JN4W" class="item_image"/&gt; &lt;h5 class="item_name"&gt;Sample DVD&lt;/h5&gt; &lt;p class="item_Description"&gt; To create a shelf item, you create a div with a class of “simpleCart_shelfItem”. &lt;/p&gt; &lt;span class="item_price"&gt;$14.99&lt;/span&gt; &lt;a href="javascript:;" class="item_add"&gt;Add to Cart&lt;/a&gt; &lt;span class="item_thumb"&gt;images/the-incredibles_tn.png&lt;/span&gt; &lt;/div&gt; &lt;!--Create a div with the class simpleCart_shelfItem--&gt; &lt;div class="simpleCart_shelfItem"&gt; &lt;!--Notice the class names of each tag begin with item_ --&gt; &lt;img src="images/wolverine-3.png" alt="Wolverine Purchase at Amazon http://amzn.com/B002CMLIJ6" title="Buy at http://amzn.com/B002CMLIJ6" class="item_image"/&gt; &lt;h5 class="item_name"&gt;Sample DVD 2&lt;/h5&gt; &lt;p class="item_Description"&gt; Any field you want for your item can be set by creating a tag with a class of “item_[field-name]” &lt;/p&gt; &lt;span class="item_price"&gt;$22.99&lt;/span&gt; &lt;a href="javascript:;" class="item_add"&gt;Add to Cart&lt;/a&gt; &lt;span class="item_thumb"&gt;images/wolverine-3_tn.png&lt;/span&gt; &lt;/div&gt; &lt;!--Create a div with the class simpleCart_shelfItem--&gt; &lt;div class="simpleCart_shelfItem"&gt; &lt;!--Notice the class names of each tag begin with item_ --&gt; &lt;img src="images/ghostbusters.png" alt="Ghostbusters Game Purchase at Amazon http://amzn.com/B001ELJDXE" title="Buy at http://amzn.com/B001ELJDXE" class="item_image"/&gt; &lt;h5 class="item_name"&gt;Sample Game&lt;/h5&gt; &lt;p class="item_Description"&gt; To create the add to cart button create a tag with the class “item_quantity”. &lt;/p&gt; &lt;span class="item_price"&gt;$59.99&lt;/span&gt; &lt;a href="javascript:;" class="item_add"&gt;Add to Cart&lt;/a&gt; &lt;span class="item_thumb"&gt;images/ghostbusters_tn.png&lt;/span&gt; &lt;/div&gt; &lt;!--Create a div with the class simpleCart_shelfItem--&gt; &lt;div class="simpleCart_shelfItem"&gt; &lt;!--Notice the class names of each tag begin with item_ --&gt; &lt;img src="images/soviet-kitsch.png" alt="Soviet Kitsch Purchase at Amazon http://amzn.com/B0002XEDXU" title="Buy at http://amzn.com/B0002XEDXU" class="item_image"/&gt; &lt;h5 class="item_name"&gt;Sample CD&lt;/h5&gt; &lt;p class="item_Description"&gt; If can display info about the cart anywhere on your page. &lt;/p&gt; &lt;span class="item_price"&gt;$8.99&lt;/span&gt; &lt;a href="javascript:;" class="item_add"&gt;Add to Cart&lt;/a&gt; &lt;span class="item_thumb"&gt;images/soviet-kitsch_tn.png&lt;/span&gt; &lt;/div&gt; &lt;!--Create a div with the class simpleCart_shelfItem--&gt; &lt;div class="simpleCart_shelfItem"&gt; &lt;!--Notice the class names of each tag begin with item_ --&gt; &lt;img src="images/evil-empire.png" alt="Evil Empire Purchase at Amazon http://amzn.com/B0000029D9" title="Buy at http://amzn.com/B0000029D9" class="item_image"/&gt; &lt;h5 class="item_name"&gt;Sample CD 2&lt;/h5&gt; &lt;p class="item_Description"&gt; A class of simpleCart_total, will display the cart total value. &lt;/p&gt; &lt;span class="item_price"&gt;$8.97&lt;/span&gt; &lt;a href="javascript:;" class="item_add"&gt;Add to Cart&lt;/a&gt; &lt;span class="item_thumb"&gt;images/evil-empire_tn.png&lt;/span&gt; &lt;/div&gt; &lt;!--Create a div with the class simpleCart_shelfItem--&gt; &lt;div class="simpleCart_shelfItem"&gt; &lt;!--Notice the class names of each tag begin with item_ --&gt; &lt;img src="images/attack-release.png" alt="Attack and Release Purchase at Amazon http://amzn.com/B0013K6WLM" title="Buy at http://amzn.com/B0013K6WLM" class="item_image"/&gt; &lt;h5 class="item_name"&gt;Sample CD 3&lt;/h5&gt; &lt;p class="item_Description"&gt; A class of simpleCart_checkout will send you off to Paypal or Google Checkout &lt;/p&gt; &lt;span class="item_price"&gt;$13.49&lt;/span&gt; &lt;a href="javascript:;" class="item_add"&gt;Add to Cart&lt;/a&gt; &lt;span class="item_thumb"&gt;images/attack-release_tn.png&lt;/span&gt; &lt;/div&gt; &lt;div id="cartTotal"&gt; &lt;strong&gt;Total: &lt;/strong&gt;&lt;span class="simpleCart_total"&gt;&lt;/span&gt; &lt;/div&gt; &lt;!--Add a div with the class of simpleCart_items to display what is in the user's cart--&gt; &lt;div class="simpleCart_items"&gt;&lt;/div&gt; &lt;!--use a class of simpleCart_empty to empty the cart and simpleCart_checkout to checkout --&gt; &lt;a href="javascript:;" class="simpleCart_empty"&gt;Empty Cart&lt;/a&gt; &lt;a href="javascript:;" class="simpleCart_checkout"&gt;Checkout&lt;/a&gt; &lt;!--End #demoContainer--&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); &lt;/script&gt; &lt;script type="text/javascript"&gt; try { var pageTracker = _gat._getTracker("UA-5082207-10"); pageTracker._trackPageview(); } catch(err) {}&lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload