E-Junkie can be used to sell a wide variety of goods online and handle various aspects of selling like shipping and local taxes. Accounts start at just a few dollars a month. E-Junkie is particularly good for digital downloads sold through your website (like eBooks, software, graphics, video, music, repair manuals, woodworking plans and knitting patterns etc). This stack element lets you choose between one of three possible setup modes:
  • Add To Cart (generates a single 'Add To Cart' button for a product on your website)
  • View Cart (displays a customisable 'View Cart' button on your website)
  • Cart Only (simply outputs the code for your E-Junkie cart, without any 'Add To Cart' or 'View Cart' buttons)
The latter setup mode is useful if you've already got 'Add To Cart' or 'View Cart' buttons established on your website, any you simply want to use the JunkieCart stack to apply some custom styling to the cart window. A checkbox option is provided in the stack settings, so you can turn-off the cart code if it's already being loaded elsewhere in the same page.

Lots of customisable settings are supported. Many of the customisable parameters from this webpage have been exploited, together with a couple of additional 'unofficial' hacks not currently documented in the E-Junkie developer guide. The JunkieCart stack helps you build a quality e-commerce experience for your customers.

Examples:

Here are examples of the 'Add To Cart' and 'View Cart' buttons, used for the Filter stack:

Setup

Firstly, make sure you've got either a trial or full subscription to E-Junkie. This stack simply will not work without an account, so one of these is essential to have before you start. Signup is quick and easy. Once done, you can start using this stack element:
  1. Once installed, drag and drop a JunkieCart stack into your webpage.
  2. In the stack settings on the right, enter your Client ID. If you are not sure what your client ID is, login to the E-Junkie website and go to Seller Admin > Account Summary. On this page, your seller ID will be shown. Copy and paste it into the JunkieCart settings.
  3. If you have not already loaded the Javascript code for the cart elsewhere on the page, ensure the Load Cart Code option is checked (enabled). This will load the required Javascript needed to display the cart window and process your website orders.
  4. From the Stack Mode menu, choose what sort of JunkieCart stack you want to setup. These three setup modes were discussed in the introductory chapter above.
  5. If using Add To Cart mode, enter your product ID in the box shown. You can get product ID's by logging into the E-Junkie® website and going to Seller Admin > Edit Products > [Select] > Edit. The product ID is shown on the product page.
  6. Change any of the other JunkieCart settings listed in the stack settings. Some of these options like tax and shipping only get shown in the cart, when you've setup various things through the E-Junkie website.

Cart close button

By default, this is configured to use a Font Awesome icon, so the close button loads quickly and is retina-display compatible. Font Awesome icons are supported in most ThemeFlood RapidWeaver themes. The icon gets positioned to the top-right of the cart window. If you are using JunkieCart in another RapidWeaver theme without Font Awesome icon support, you should use the stack settings to replace the icon with a word like 'Close'.

Important notes

Please follow these important guidance notes when using the JunkieCart stack:
  • You should only load one single instance of the cart Javascript per-page. Loading the Javascript multiple times can slow-down page loading dramatically and introduce conflicts and various other problems. To avoid multiple Javascript cart code, simply ensure just one JunkieCart stack on each page has its Load Cart Code option enabled. The cart code only needs to be loaded once.
  • At the present time, JunkieCart only supports a single payment processor (e.g. PayPal, 2Checkout or Authorize.net). Multiples will get shown with the same button. This is something that may get changed in future.
  • The cart window is not currently responsive and displays at a fixed size. It's based on 'Thick Box'.

Browser support and print output

The JunkieCart stack works with all major web browsers on both desktop and touch devices. CSS embellishments like rounded corners and hover effects safely degrade in older web browsers. The 'Add To Cart' and 'View Cart' buttons and the cart window are automatically hidden from print and PDF output.

Working with HTML code in the cart

Any HTML code that gets added to the cart is being specified as a Javascript string and enclosed within double-quotes (like " and "). Therefore any double-quotes in the HTML need to be either escaped with a preceding backslash (\") or changed to a single-quote (like ' and '). Likewise any ampersands (&) would also need to be escaped with a preceding backslash (like \&). Use HTML entities for any other special characters (like currency symbols).

Looking for a Wazala shopping cart stack?

Cric from RapidIdeas has released an excellent free stack that lets you easily embed a Wazala shopping cart within your RapidWeaver website. It works great for quick and easy Wazala cart integration.

Footnotes

JunkieCart is released with permission from E-Junkie. It is not officially supported or endorsed by E-Junkie. Any questions relating to the use of this stack element should be directed towards myself. E-Junkie is a registered trademark of Sine Info Ventures Pvt. Ltd.
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.