Customizing E-junkie Shopping Cart
Note: Following article only applies to the standard E-junkie shopping cart. If you are using the Non-JavaScript version of E-junkie shopping cart, then you can not customize it.
Before we begin, you should know that simple things in the cart like font styles are simply picked from the CSS you are using for FONT and TD elements in your website. You can paste an Add to Cart button URL into a blank browser window/tab and view source to figure out how you might apply more extensive custom styles to the cart using CSS. Now, to the more advanced stuff.
In the VIEW CART button code, add the following lines of code just before the
// --> line -- if you had already added EJEJC_config(){} before, do not duplicate it, but just add any new lines you may require from the selection below:
function EJEJC_config() {
// Add this line to open PayPal checkouts in a new window (not recommended):
EJEJC_CPOP = true;
// Add this line if you face any layout glitches after putting in the cart buttons:
EJEJC_INITCSS = false;
// Change the background color of the dimming screen (e.g. #FFF for white):
EJEJC_BGCOLOR = "#FFF";
// Change opacity percentage of the dimming screen:
EJEJC_OPACITY = 60;
// Change the pixel width of the cart window:
EJEJC_WIDTH = 700;
// Change the pixel height of the cart window:
EJEJC_HEIGHT = 415;
// Change the border color of the cart window (e.g. #009 for blue):
EJEJC_BRDRCOLOR = "#009";
// Add this line if you want to use EJEJC_shown function (next section below):
EJEJC_POSTCALL=true;
}
function EJEJC_shown() {
// Will change the PayPal checkout button image:
jQuery("#btnPP").attr("src", "http://yourdomain/yourimage");
// Will change the Google checkout button image:
jQuery("#btnGC").attr("src", "http://yourdomain/yourimage");
// Will change the Authorize.Net/PayPal Pro Direct checkout button image:
jQuery("#btnCC").attr("src", "http://yourdomain/yourimage");
// Change the text label at the end of each line (e.g. "Ship to Country")
// to say whatever you wish instead of the cart's standard text labels:
jQuery("#country1").attr("innerHTML", "Ship to Country");
jQuery("#state1").attr("innerHTML", "Ship to Postal Code");
jQuery("#state2").attr("innerHTML", "(Update Cart after entering)");
jQuery("#dscnt_cd").attr("innerHTML", "Discount Code");
jQuery("#discount2").attr("innerHTML", "(Update Cart after entering)");
jQuery("#btnContShop").attr("value", "Continue Shopping");
jQuery("#btnUpdtCart").attr("value", "Update Cart");
jQuery("#tdPmnt").attr("innerHTML", "<b>Checkout:</b>");
jQuery("#EJEJC_closeWindowButton").attr("innerHTML", "<b>Close</b>");
// Adding a custom line of text or block of HTML inside the cart:
jQuery("#tdPmnt").attr("innerHTML",
"Any <b>HTML</b> you want to show");
// Remove "continue shopping" button:
jQuery("#btnContShop").remove();
}
If you want to explore the things you can change, you can pick the URL from the ADD TO CART and open it in a browser window. You can view source to see various elements of the cart and some of them will have IDs, you can modify them by placing jQuery statements inside the EJEJC_shown function as shown above.
Showing a custom logo/header on your checkout page and thank you pages.
You can upload your logo from Seller Admin > Profile. We will show it on payment page (for the payment processors which allow that), on your "thank you" page, and on your E-junkie Marketplace Shop pages. We serve logos using SSL so they do NOT generate a security warning. Please note, this feature is only available to our Resellers.
