500 approach as-is attr cart code custom ejejc explained free innerhtml integrate items jquery link page post problem shipping site support text total type web zip

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.

Hi

I have this code

<script type="text/javascript">
<!--
function EJEJC_lc(th) { return false;}
function EJEJC_config() {
EJEJC_POSTCALL=true;
EJEJC_OPACITY = 30;
EJEJC_HEIGHT = 500;
EJEJC_WIDTH = 750;
EJEJC_BRDRCOLOR = "#00f";
EJEJC_CDAYS = 61;
}
function EJEJC_shown() {
jQuery("#state1").attr("innerHTML", "Enter <b>SHIPPING ZIP CODE<\/b>");
}
// -->
</script>

not sure how to integrate the mini card code ?

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

<script type="text/javascript">
<!--
function EJEJC_lc(th) { return false;}
function EJEJC_config() {
EJEJC_POSTCALL=true;
EJEJC_OPACITY = 30;
EJEJC_HEIGHT = 500;
EJEJC_WIDTH = 750;
EJEJC_BRDRCOLOR = "#00f";
EJEJC_CDAYS = 61;
}
function EJEJC_shown() {
jQuery("#state1").attr("innerHTML", "Enter <b>SHIPPING ZIP CODE<\/b>");
if (items== null) {items = 0};
jQuery("#itemsInCart").attr("innerHTML",
items+" Items<BR/>$"+EJEJC_cartamt().toFixed(2)+" total");
}
// -->
</script>

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

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

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?

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">
<!--
function EJEJC_lc(th) { return false;}
function EJEJC_config() {
EJEJC_POSTCALL=true;
EJEJC_OPACITY = 30;
EJEJC_HEIGHT = 500;
EJEJC_WIDTH = 750;
EJEJC_BRDRCOLOR = "#00f";
EJEJC_CDAYS = 61;
}
function EJEJC_shown() {
jQuery("#state1").attr("innerHTML", "Enter <b>SHIPPING ZIP CODE</b>");
items=EJEJC_cartsize();
if (items== null) {items = 0};
jQuery("#itemsInCart").attr("innerHTML",
items+" Items<BR/>$"+EJEJC_cartamt().toFixed(2)+" total");
}
// -->
</script>

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

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.