It is smart (arguably essential!) to include your own logo and other symbols unique to your business within your online shopping cart. You want the overall shopping experience to fit your brand. You don't want your cart to have a completely different look than the rest of your site.
With E-junkie's Cart Customization option this is something you can do with just a little bit of extra coding on your part. In this post we will walk you through the process.
This is what the E-Junkie cart looks like without any customization:
And this is the code for that default cart:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=49889&ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"/></a>
<script language="javascript" type="text/javascript">
<!--
function EJEJC_lc(th) { return false; }
// -->
</script>
<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>
Now you will need to add in the extra coding to change the button images for PayPal and the Credit Card checkout, as well as placing a logo in the upper left instead of the Cart image, here is what the code will look like with the customization:
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=49889&ejc=2"
target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc
(this);"><img src="http://www.e-junkie.com/ej/ej_view_cart.gif" border="0"
alt="View Cart"/></a>
<script language="javascript" type="text/javascript">
<!--
function EJEJC_lc(th) { return false; }
function EJEJC_config() {
EJEJC_POSTCALL=true;
}
function EJEJC_shown() {
jQuery("#btnPP").attr("src",
"https://www.paypalobjects.com/webstatic/en_US/logo/pp_cc_mark_111x69.png");
jQuery("#btnCC").attr("src", "http://www.credit-card-
logos.com/images/multiple_credit-card-logos-1/credit_card_logos_22.gif");
jQuery("#imgHeader").attr("src", "https://www.e-junkie.com/ej/logo.gif");
}
// -->
</script>
<script src='http://www.e-junkie.com/ecom/box.js'
type='text/javascript'></script>
With the extra coding the Cart now looks like this:
Our Cart customization allows for many other changes as well.
If you have any questions about E-junkie you can contact our support staff here.
Post a Comment