Our cart is made for DIY-ers. We know you know how you want things done, and we're here to let you apply your aesthetic. A big part of that is allowing for customization of your shopping cart.
When using E-junkie you can set-up our cart as an overlay window on your website by using our View Cart button code along with the Add to Cart button code; the cart code looks like this:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="//www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"></a>
<script type="text/javascript">
function EJEJC_lc(th) { return false; };
</script>
<script src="//www.e-junkie.com/ecom/box.js" type="text/javascript"></script>
The advantage of this is that you can also customize the cart. The first thing you will need to do is add this little piece of code in just above the end script tag:
function EJEJC_config() {
So at this point your code will look like this:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="//www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"></a>
<script type="text/javascript">
function EJEJC_lc(th) { return false; };
function EJEJC_config() {
</script>
<script src="//www.e-junkie.com/ecom/box.js" type="text/javascript"></script>
At this point you can enter in code that will change the appearance of the cart/lightbox itself. For example you can change the opacity of the background window when the lightbox cart is open. To lower it from the default of about 60% to 35% the code would look like this:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="//www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"></a>
<script type="text/javascript">
function EJEJC_lc(th) { return false; };
function EJEJC_config() {
EJEJC_OPACITY = 35;
</script>
<script src="//www.e-junkie.com/ecom/box.js" type="text/javascript"></script>
To change the rest of the cart, for example the buttons to checkout, or the text that is changeable you will need to add in a new line of code to access those options, making the code look like this:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="//www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"></a>
<script type="text/javascript">
function EJEJC_lc(th) { return false; };
function EJEJC_config() {
EJEJC_OPACITY = 35;
EJEJC_POSTCALL=true;
}
function EJEJC_shown() {
</script>
<script src="//www.e-junkie.com/ecom/box.js" type="text/javascript"></script>
Now you can change the internal part of the cart, for example if you are not in the United States and wanted to change the phrase Zip Code to Postal Code, you can do so like this:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="//www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"></a>
<script type="text/javascript">
function EJEJC_lc(th) { return false; };
function EJEJC_config() {
EJEJC_OPACITY = 35;
EJEJC_POSTCALL=true;
}
function EJEJC_shown() {
jQuery("#state1").attr("innerHTML", "Postal Code");
</script>
<script src="//www.e-junkie.com/ecom/box.js" type="text/javascript"></script>
Finally, you would need to close the customization with this:
}
So it would look like this:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&ejc=2&cl=XXXXX" target="ej_ejc" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this);"><img src="//www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"></a>
<script type="text/javascript">
function EJEJC_lc(th) { return false; };
function EJEJC_config() {
EJEJC_OPACITY = 35;
EJEJC_POSTCALL=true;
}
function EJEJC_shown() {
jQuery("#state1").attr("innerHTML", "Postal Code");
}
</script>
<script src="//www.e-junkie.com/ecom/box.js" type="text/javascript"></script>
There is much more that is possible, you can go to our help page on this option, which is linked below to see more options:
http://www.e-junkie.com/ej/help.custom-cart.htm
Post a Comment