Minicart

items

ejunkie

customers

cart

open

value

considering

implementing

mini

E-junkie_Guru 2011-07-26 14:11:00 UTC #22

We've got a slight improvement in the recommended syntax, incorporating Jezd's contribution and our cart's jQuery support:

function EJEJC_config() {

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

items=EJEJC_cartsize();

if (items== null) {items = 0};

jQuery("#itemsInCart").attr("innerHTML",

items+" Items<BR/>$"+EJEJC_cartamt().toFixed(2)+" total");

}

Then just place this in your page wherever you want the minicart to appear:

<div id="itemsInCart"></div>

Now, if anyone's worked out how to get that minicart DIV to display on page load, rather than only appearing after the main cart has been viewed, feel free to share the approach you devised here.

bunkbedking 2011-08-06 15:11:11 UTC #23

Hi

I have this code

<script type="text/javascript">



</script>

not sure how to integrate the mini card code ?

E-junkie_Guru 2011-08-08 13:46:08 UTC #24

The code you have, plus the minicart code, would look like this when put together:

<script type="text/javascript">



</script>

Then just place this in your page wherever you want the minicart to appear:

<div id="itemsInCart"></div>

bunkbedking 2011-08-08 14:52:01 UTC #25

Struggling to make it work

see

http://bunkbedking.com/more-bunk-beds-rustic

- no mini cart - but code is as above

What am I doing wrong?

also, do you have a link to a web site where it is working so I can see it in action?

E-junkie_Guru 2011-08-08 18:25:54 UTC #26

Whoops, my bad; in my July 26 post providing the updated minicart syntax (now fixed), somehow I omitted this line:

items=EJEJC_cartsize();

Thus, your version of the code should look like this:

<script type="text/javascript">



</script>

bunkbedking 2011-08-11 22:00:00 UTC #27

working now - but as soon as you navigate away from the page, it disappears

E-junkie_Guru 2011-08-15 19:52:32 UTC #28

Yes, as we have explained previously here, the minicart does not appear in a page until the main cart has already been viewed once from that page. You or a developer you'd hire may be able to write some custom javascript to solve that problem. We only present this minicart code as-is, as an unofficial, unsupported hack that our Lead Developer whipped up as a fun side project many years ago but hasn't touched since.

doobox 2013-02-22 09:01:32 UTC #29

E-junkieGuruYes, as we have explained previously here, the minicart does not appear in a page until the main cart has already been viewed once from that page. You or a developer you'd hire may be able to write some custom javascript to solve that problem. We only present this minicart code as-is, as an unofficial, unsupported hack that our Lead Developer whipped up as a fun side project many years ago but hasn't touched since.

I can force the mini cart to appear in the page using this code in the body tag :

<body onload="document.getElementById('mylink').click(); document.getElementById('EJEJC_overlay').style.display = 'none'; document.getElementById('EJEJC_window').style.display = 'none'; setTimeout(function(){document.getElementById('EJEJC_closeWindowButton').click();},1000);">

But i get the same as some other user reported.. Always 0.00 for the cart total.

The item total is displayed correctly.

Anyway this body tag hack should work and show the mini cart on page load.

You may just need to increase the set timeout a little. I am testing on a very fast connection.

edit: i should point out that the id in the code above "mylink" is an id i added to my view cart button.

So essentially on page load, the button is being clicked automatically by the script.

We then hide the overlay and cart window while we get the data we need.

Then after the timeout we close the cart window, with another automated click.

cmayo 2014-03-27 21:18:00 UTC #30

doobox

I can force the mini cart to appear in the page using this code in the body tag :

<body onload="document.getElementById('mylink').click(); document.getElementById('EJEJC_overlay').style.display = 'none'; document.getElementById('EJEJC_window').style.display = 'none'; setTimeout(function(){document.getElementById('EJEJC_closeWindowButton').click();},1000);">

edit: i should point out that the id in the code above "mylink" is an id i added to my view cart button.

It took me most of the evening to finally ferret out this workaround... well done! I'm amazed that it takes this much hubub to simply instantiate the cart variables on page load, but this does work.

Cheers!

twl 2016-09-28 17:18:28 UTC #31

I am a newbie with javascript. I have added the code above. It works. However, when I click on the View Cart button nothing happens.

Here is my test code:

******************

<body onload="document.getElementById('autolink').click(); document.getElementById('EJEJC_overlay').style.display = 'none'; document.getElementById('EJEJC_window').style.display = 'none'; setTimeout(function(){document.getElementById(' EJEJC_closeWindowButton').click();},1000);">



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=315957" target="ejejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);" id="autolink">

<img src="https://www.e-junkie.com/ej/ejview_cart.gif" border="0" alt="View Cart"></a>

<div id='itemsInCart'></div>

<script>

function EJEJC_lc(th) { return false; };

function EJEJC_config()

{

EJEJC_POSTCALL=true;

}

function EJEJC_shown()

{

myitems=EJEJC_cartsize();

mydollars = EJEJC_cartamt().toFixed(2);

if (myitems=== null)

{

myitems = 0;

}

document.getElementById('itemsInCart').innerHTML=myitems+" Items : Total $"+EJEJC_cartamt().toFixed(2);

}

</script>

<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>

</body>

I will appreciate any help you can give.

Thanks

E-junkie_Guru 2016-09-29 15:45:32 UTC #32

I see we're already working with you via email, so we'll just continue the discussion there if necessary.

E-junkie_Guru 2019-02-04 19:19:22 UTC #33

Just an update to say that our new cart supports a new method to display the cart item quantity anywhere you wish in your page -- better yet, this will appear on initial page-load, even before the cart itself has been viewed on the page.

First, paste this script code into every page where you want to show the cart item quantity; anywhere in the page is fine, but placing it in the page HEAD or above our standard cart <script ...etc.> code would be ideal:

<script type="text/javascript">
var EJConfig = {}
EJConfig.onload = cartLoaded
function cartLoaded(x){
	if(typeof x !== "undefined"){
		if(x.Cart.Items)
			document.querySelectorAll(".EJ-CartItemsNum").forEach(function(y){ y.innerHTML = x.Cart.Items.length; })
		else
			document.querySelectorAll(".EJ-CartItemsNum").forEach(function(y){ y.innerHTML = "0"; })
	}
}
window.onload = function(){
	EJCart.getCartJSON("CID", cartLoaded)
}
</script>

NOTE: Replace the CID near the end there with your E-junkie Client ID, which you can find in Seller Admin > Manage Seller Account > View Account Summary.

Next, simply add any HTML element(s) with class="EJ-CartItemsNum" wherever you want the cart item quantity to appear in your page -- e.g., you could use <b class="EJ-CartItemsNum"></b> or <div class="EJ-CartItemsNum"></div>, etc. -- along with any custom HTML you wish to accompany the quantity shown. For example, you could even make it work as a clickable View Cart link like so:

<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=CID" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);">
Items in Cart: <b class="EJ-CartItemsNum"></b></a>

(...again replacing CID there with your E-junkie Client ID.)

Possible to have cart icon in navbar?

SOLUTIONS FEATURES PRICING DISCOVER PRODUCTS CONTACT HELP DOCS DASHBOARD

Forum

E-junkie Community Forum

Share and learn in the E-junkie community.